diff --git a/packages/plasma-tokens/data/themes/plasma_b2c_ACTUAL_TYPOGRAPHY.json b/packages/plasma-tokens/data/themes/plasma_b2c_ACTUAL_TYPOGRAPHY.json new file mode 100644 index 0000000000..844619dc91 --- /dev/null +++ b/packages/plasma-tokens/data/themes/plasma_b2c_ACTUAL_TYPOGRAPHY.json @@ -0,0 +1,7873 @@ +{ + "config": { + "name": "plasma_b2c_ACTUAL_TYPOGRAPHY", + "accentColor": { + "light": "#FFFFFF", + "dark": "#FFFFFF" + }, + "grayscale": { + "light": "gray", + "dark": "gray" + }, + "opacity": { + "textIcons": false, + "surfaces": false + } + }, + "dark": { + "text": { + "default": { + "textPrimary": { + "value": "rgba(255, 255, 255, 0.96)", + "comment": "Основной цвет текста", + "enabled": true + }, + "textPrimaryBrightness": { + "value": "#FFFFFFF5", + "comment": "Основной цвет текста", + "enabled": true + }, + "textSecondary": { + "value": "rgba(255, 255, 255, 0.56)", + "comment": "Вторичный цвет текста", + "enabled": true + }, + "textTertiary": { + "value": "rgba(255, 255, 255, 0.28)", + "comment": "Третичный цвет текста", + "enabled": true + }, + "textParagraph": { + "value": "rgba(255, 255, 255, 0.8)", + "comment": "Сплошной наборный текст", + "enabled": true + }, + "textAccent": { + "value": "[general.electricBlue.500]", + "comment": "Акцентный цвет", + "enabled": true + }, + "textAccentGradient": { + "value": "linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", + "comment": "Акцентный цвет с градиентом", + "enabled": true + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха", + "enabled": true + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения", + "enabled": true + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Цвет ошибки", + "enabled": true + }, + "textAccentMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "textAccentMinorHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "textAccentMinorActive": { + "value": "#1C62E3FF", + "comment": "" + }, + "textInfoHover": { + "value": "#90B6FEFF", + "comment": "" + }, + "textInfoActive": { + "value": "#216EFDFF", + "comment": "" + }, + "textPositiveMinor": { + "value": "[general.green.800]", + "comment": "" + }, + "textPositiveMinorHover": { + "value": "#0F9527FF", + "comment": "" + }, + "textPositiveMinorActive": { + "value": "#0C7920FF", + "comment": "" + }, + "textWarningMinor": { + "value": "[general.orange.800]", + "comment": "" + }, + "textWarningMinorHover": { + "value": "#BB4F11FF", + "comment": "" + }, + "textWarningMinorActive": { + "value": "#9F440FFF", + "comment": "" + }, + "textNegativeMinor": { + "value": "[general.red.800]", + "comment": "" + }, + "textNegativeMinorHover": { + "value": "#B91828FF", + "comment": "" + }, + "textNegativeMinorActive": { + "value": "#83111CFF", + "comment": "" + }, + "textInfoMinorHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "textInfoMinorActive": { + "value": "#1C62E3FF", + "comment": "" + }, + "textInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "textInfoMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "textPrimaryHover": { + "value": "#FFFFFF93", + "comment": "Основной цвет текста", + "enabled": true + }, + "textPrimaryActive": { + "value": "#FFFFFFC4", + "comment": "Основной цвет текста", + "enabled": true + }, + "textSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "Вторичный цвет текста", + "enabled": true + }, + "textSecondaryActive": { + "value": "#FFFFFFAB", + "comment": "Вторичный цвет текста", + "enabled": true + }, + "textTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "Третичный цвет текста", + "enabled": true + }, + "textTertiaryActive": { + "value": "#FFFFFF56", + "comment": "Третичный цвет текста", + "enabled": true + }, + "textParagraphHover": { + "value": "#FFFFFF7A", + "comment": "Сплошной наборный текст", + "enabled": true + }, + "textParagraphActive": { + "value": "#FFFFFFA3", + "comment": "Сплошной наборный текст", + "enabled": true + }, + "textAccentHover": { + "value": "#90B6FEFF", + "comment": "Акцентный цвет", + "enabled": true + }, + "textAccentActive": { + "value": "#216EFDFF", + "comment": "Акцентный цвет", + "enabled": true + }, + "textAccentGradientHover": { + "value": "#CCCCCCFF", + "comment": "Акцентный цвет с градиентом", + "enabled": true + }, + "textAccentGradientActive": { + "value": "#E6E6E6FF", + "comment": "Акцентный цвет с градиентом", + "enabled": true + }, + "textPositiveHover": { + "value": "#1EB83AFF", + "comment": "Цвет успеха", + "enabled": true + }, + "textPositiveActive": { + "value": "#15842AFF", + "comment": "Цвет успеха", + "enabled": true + }, + "textWarningHover": { + "value": "#FB7223FF", + "comment": "Цвет предупреждения", + "enabled": true + }, + "textWarningActive": { + "value": "#DC5304FF", + "comment": "Цвет предупреждения", + "enabled": true + }, + "textNegativeHover": { + "value": "#FF475AFF", + "comment": "Цвет ошибки", + "enabled": true + }, + "textNegativeActive": { + "value": "#FF0A23FF", + "comment": "Цвет ошибки", + "enabled": true + } + }, + "onDark": { + "textPrimary": { + "value": "rgba(255, 255, 255, 0.96)", + "comment": "Основной цвет текста на темном фоне" + }, + "textPrimaryBrightness": { + "value": "#FFFFFFF5", + "comment": "Основной цвет текста на темном фоне" + }, + "textSecondary": { + "value": "rgba(255, 255, 255, 0.56)", + "comment": "Вторичный цвет текста на темном фоне" + }, + "textTertiary": { + "value": "rgba(255, 255, 255, 0.28)", + "comment": "Третичный цвет текста на темном фоне" + }, + "textParagraph": { + "value": "rgba(255, 255, 255, 0.8)", + "comment": "Сплошной наборный текст на темном фоне" + }, + "textAccent": { + "value": "[general.electricBlue.500]", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentGradient": { + "value": "linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", + "comment": "Акцентный цвет с градиентом на темном фоне" + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на темном фоне" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения на темном фоне" + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Цвет ошибки на темном фоне" + }, + "textAccentMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "textAccentMinorHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "textAccentMinorActive": { + "value": "#1C62E3FF", + "comment": "" + }, + "textInfoHover": { + "value": "#90B6FEFF", + "comment": "" + }, + "textInfoActive": { + "value": "#216EFDFF", + "comment": "" + }, + "textPositiveMinor": { + "value": "[general.green.800]", + "comment": "" + }, + "textPositiveMinorHover": { + "value": "#0F9527FF", + "comment": "" + }, + "textPositiveMinorActive": { + "value": "#0C7920FF", + "comment": "" + }, + "textWarningMinor": { + "value": "[general.orange.800]", + "comment": "" + }, + "textWarningMinorHover": { + "value": "#BB4F11FF", + "comment": "" + }, + "textWarningMinorActive": { + "value": "#9F440FFF", + "comment": "" + }, + "textNegativeMinor": { + "value": "[general.red.800]", + "comment": "" + }, + "textNegativeMinorHover": { + "value": "#B91828FF", + "comment": "" + }, + "textNegativeMinorActive": { + "value": "#83111CFF", + "comment": "" + }, + "textInfoMinorHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "textInfoMinorActive": { + "value": "#1C62E3FF", + "comment": "" + }, + "textInfoMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "textInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "textPrimaryHover": { + "value": "#FFFFFF93", + "comment": "Основной цвет текста на темном фоне" + }, + "textPrimaryActive": { + "value": "#FFFFFFC4", + "comment": "Основной цвет текста на темном фоне" + }, + "textSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "Вторичный цвет текста на темном фоне" + }, + "textSecondaryActive": { + "value": "#FFFFFFAB", + "comment": "Вторичный цвет текста на темном фоне" + }, + "textTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "Третичный цвет текста на темном фоне" + }, + "textTertiaryActive": { + "value": "#FFFFFF56", + "comment": "Третичный цвет текста на темном фоне" + }, + "textParagraphHover": { + "value": "#FFFFFF7A", + "comment": "Сплошной наборный текст на темном фоне" + }, + "textParagraphActive": { + "value": "#FFFFFFA3", + "comment": "Сплошной наборный текст на темном фоне" + }, + "textAccentHover": { + "value": "#90B6FEFF", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentActive": { + "value": "#216EFDFF", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentGradientHover": { + "value": "#CCCCCCFF", + "comment": "Акцентный цвет с градиентом на темном фоне" + }, + "textAccentGradientActive": { + "value": "#E6E6E6FF", + "comment": "Акцентный цвет с градиентом на темном фоне" + }, + "textPositiveHover": { + "value": "#1EB83AFF", + "comment": "Цвет успеха на темном фоне" + }, + "textPositiveActive": { + "value": "#15842AFF", + "comment": "Цвет успеха на темном фоне" + }, + "textWarningHover": { + "value": "#FB7223FF", + "comment": "Цвет предупреждения на темном фоне" + }, + "textWarningActive": { + "value": "#DC5304FF", + "comment": "Цвет предупреждения на темном фоне" + }, + "textNegativeHover": { + "value": "#FF475AFF", + "comment": "Цвет ошибки на темном фоне" + }, + "textNegativeActive": { + "value": "#FF0A23FF", + "comment": "Цвет ошибки на темном фоне" + } + }, + "onLight": { + "textPrimary": { + "value": "rgba(8, 8, 8, 0.96)", + "comment": "Основной цвет текста на светлом фоне" + }, + "textPrimaryBrightness": { + "value": "#080808F5", + "comment": "Основной цвет текста на светлом фоне" + }, + "textSecondary": { + "value": "rgba(8, 8, 8, 0.56)", + "comment": "Вторичный цвет текста на светлом фоне" + }, + "textTertiary": { + "value": "rgba(8, 8, 8, 0.28)", + "comment": "Третичный цвет текста на светлом фоне" + }, + "textParagraph": { + "value": "rgba(8, 8, 8, 0.8)", + "comment": "Сплошной наборный текст на светлом фоне" + }, + "textAccent": { + "value": "[general.electricBlue.600]", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentGradient": { + "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", + "comment": "Акцентный цвет с градиентом на светлом фоне" + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на светлом фоне" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения на светлом фоне" + }, + "textAccentMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "textAccentMinorHover": { + "value": "#DCE8FEFF", + "comment": "" + }, + "textAccentMinorActive": { + "value": "#6FA0FBFF", + "comment": "" + }, + "textInfoHover": { + "value": "#79A7FBFF", + "comment": "" + }, + "textInfoActive": { + "value": "#0D5FF8FF", + "comment": "" + }, + "textPositiveMinor": { + "value": "[general.green.300]", + "comment": "" + }, + "textPositiveMinorHover": { + "value": "#3EDA5BFF", + "comment": "" + }, + "textPositiveMinorActive": { + "value": "#23B83EFF", + "comment": "" + }, + "textWarningMinor": { + "value": "[general.orange.300]", + "comment": "" + }, + "textWarningMinorHover": { + "value": "#FDB086FF", + "comment": "" + }, + "textWarningMinorActive": { + "value": "#FC884AFF", + "comment": "" + }, + "textNegativeMinor": { + "value": "[general.red.300]", + "comment": "" + }, + "textNegativeMinorHover": { + "value": "#FFADB6FF", + "comment": "" + }, + "textNegativeMinorActive": { + "value": "#FF707EFF", + "comment": "" + }, + "textInfoMinorHover": { + "value": "#DCE8FEFF", + "comment": "" + }, + "textInfoMinorActive": { + "value": "#6FA0FBFF", + "comment": "" + }, + "textNegativeHover": { + "value": "#F5384BFF", + "comment": "Цвет ошибки на светлом фоне" + }, + "textNegativeActive": { + "value": "#E40C22FF", + "comment": "Цвет ошибки на светлом фоне" + }, + "textNegative": { + "value": "[general.red.600]", + "comment": "Цвет ошибки на светлом фоне" + }, + "textInfo": { + "value": "[general.electricBlue.600]", + "comment": "" + }, + "textInfoMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "textPrimaryHover": { + "value": "#08080893", + "comment": "Основной цвет текста на светлом фоне" + }, + "textPrimaryActive": { + "value": "#080808C4", + "comment": "Основной цвет текста на светлом фоне" + }, + "textSecondaryHover": { + "value": "#080808FF", + "comment": "Вторичный цвет текста на светлом фоне" + }, + "textSecondaryActive": { + "value": "#080808AB", + "comment": "Вторичный цвет текста на светлом фоне" + }, + "textTertiaryHover": { + "value": "#080808FF", + "comment": "Третичный цвет текста на светлом фоне" + }, + "textTertiaryActive": { + "value": "#08080856", + "comment": "Третичный цвет текста на светлом фоне" + }, + "textParagraphHover": { + "value": "#0808087A", + "comment": "Сплошной наборный текст на светлом фоне" + }, + "textParagraphActive": { + "value": "#080808A3", + "comment": "Сплошной наборный текст на светлом фоне" + }, + "textAccentHover": { + "value": "#79A7FBFF", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentActive": { + "value": "#0D5FF8FF", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentGradientHover": { + "value": "#CCCCCCFF", + "comment": "Акцентный цвет с градиентом на светлом фоне" + }, + "textAccentGradientActive": { + "value": "#E6E6E6FF", + "comment": "Акцентный цвет с градиентом на светлом фоне" + }, + "textPositiveHover": { + "value": "#1EB83AFF", + "comment": "Цвет успеха на светлом фоне" + }, + "textPositiveActive": { + "value": "#15842AFF", + "comment": "Цвет успеха на светлом фоне" + }, + "textWarningHover": { + "value": "#FB7223FF", + "comment": "Цвет предупреждения на светлом фоне" + }, + "textWarningActive": { + "value": "#DC5304FF", + "comment": "Цвет предупреждения на светлом фоне" + } + }, + "inverse": { + "textPrimary": { + "value": "rgba(8, 8, 8, 0.96)", + "comment": "Инвертированный основной цвет текста" + }, + "textPrimaryBrightness": { + "value": "#080808F5", + "comment": "Инвертированный основной цвет текста" + }, + "textSecondary": { + "value": "rgba(8, 8, 8, 0.56)", + "comment": "Инвертированный вторичный цвет текста" + }, + "textTertiary": { + "value": "rgba(8, 8, 8, 0.28)", + "comment": "Инвертированный третичный цвет текста" + }, + "textParagraph": { + "value": "rgba(8, 8, 8, 0.8)", + "comment": "Инвертированный cплошной наборный текст" + }, + "textPrimaryHover": { + "value": "#08080893", + "comment": "Инвертированный основной цвет текста" + }, + "textPrimaryActive": { + "value": "#080808C4", + "comment": "Инвертированный основной цвет текста" + }, + "textSecondaryHover": { + "value": "#080808FF", + "comment": "Инвертированный вторичный цвет текста" + }, + "textSecondaryActive": { + "value": "#080808AB", + "comment": "Инвертированный вторичный цвет текста" + }, + "textTertiaryHover": { + "value": "#080808FF", + "comment": "Инвертированный третичный цвет текста" + }, + "textTertiaryActive": { + "value": "#08080856", + "comment": "Инвертированный третичный цвет текста" + }, + "textParagraphHover": { + "value": "#0808087A", + "comment": "Инвертированный cплошной наборный текст" + }, + "textParagraphActive": { + "value": "#080808A3", + "comment": "Инвертированный cплошной наборный текст" + }, + "textAccentHover": { + "value": "#79A7FBFF", + "comment": "Инвертированный акцентный цвет", + "enabled": true + }, + "textAccentActive": { + "value": "#0D5FF8FF", + "comment": "Инвертированный акцентный цвет", + "enabled": true + }, + "textAccentGradientHover": { + "value": "#CCCCCCFF", + "comment": "Инвертированный акцентный цвет с градиентом", + "enabled": true + }, + "textAccentGradientActive": { + "value": "#E6E6E6FF", + "comment": "Инвертированный акцентный цвет с градиентом", + "enabled": true + }, + "textPositiveHover": { + "value": "#1EB83AFF", + "comment": "Инвертированный цвет успеха", + "enabled": true + }, + "textPositiveActive": { + "value": "#15842AFF", + "comment": "Инвертированный цвет успеха", + "enabled": true + }, + "textWarningHover": { + "value": "#FB7223FF", + "comment": "Инвертированный цвет предупреждения", + "enabled": true + }, + "textWarningActive": { + "value": "#DC5304FF", + "comment": "Инвертированный цвет предупреждения", + "enabled": true + }, + "textNegativeHover": { + "value": "#F5384BFF", + "comment": "Инвертированный цвет ошибки", + "enabled": true + }, + "textNegativeActive": { + "value": "#E40C22FF", + "comment": "Инвертированный цвет ошибки", + "enabled": true + }, + "textAccentMinorHover": { + "value": "#DCE8FEFF", + "comment": "" + }, + "textAccentMinorActive": { + "value": "#6FA0FBFF", + "comment": "" + }, + "textAccent": { + "value": "[general.electricBlue.600]", + "comment": "Инвертированный акцентный цвет", + "enabled": true + }, + "textAccentMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["#3E79F0", "#27C6E5"], + "locations": [0.06, 0.94], + "startPoint": { + "x": 0, + "y": 0.46 + }, + "endPoint": { + "x": 1, + "y": 0.54 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["#3E79F0", "#27C6E5"], + "locations": [0.06, 0.94], + "startPoint": { + "x": 0, + "y": 0.46 + }, + "endPoint": { + "x": 1, + "y": 0.54 + } + } + }, + "comment": "Инвертированный акцентный цвет с градиентом", + "enabled": true + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Инвертированный цвет успеха", + "enabled": true + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Инвертированный цвет предупреждения", + "enabled": true + }, + "textNegative": { + "value": "[general.red.600]", + "comment": "Инвертированный цвет ошибки", + "enabled": true + }, + "textInfo": { + "value": "[general.electricBlue.600]", + "comment": "" + }, + "textInfoHover": { + "value": "#79A7FBFF", + "comment": "" + }, + "textInfoActive": { + "value": "#0D5FF8FF", + "comment": "" + }, + "textPositiveMinor": { + "value": "[general.green.300]", + "comment": "" + }, + "textPositiveMinorHover": { + "value": "#3EDA5BFF", + "comment": "" + }, + "textPositiveMinorActive": { + "value": "#23B83EFF", + "comment": "" + }, + "textWarningMinor": { + "value": "[general.orange.300]", + "comment": "" + }, + "textWarningMinorHover": { + "value": "#FDB086FF", + "comment": "" + }, + "textWarningMinorActive": { + "value": "#FC884AFF", + "comment": "" + }, + "textNegativeMinor": { + "value": "[general.red.300]", + "comment": "" + }, + "textNegativeMinorHover": { + "value": "#FFADB6FF", + "comment": "" + }, + "textNegativeMinorActive": { + "value": "#FF707EFF", + "comment": "" + }, + "textInfoMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "textInfoMinorHover": { + "value": "#DCE8FEFF", + "comment": "" + }, + "textInfoMinorActive": { + "value": "#6FA0FBFF", + "comment": "" + } + } + }, + "surface": { + "default": { + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidPrimaryBrightness": { + "value": "#262626FF", + "comment": "Основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidCard": { + "value": "[general.gray.950]", + "comment": "Основной фон для карточек" + }, + "surfaceSolidCardBrightness": { + "value": "#262626FF", + "comment": "Основной фон для карточек" + }, + "surfaceTransparentDefault": { + "value": "#FFFFFF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentPrimary": { + "value": "rgba(255, 255, 255, 0.06)", + "comment": "Основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondary": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "Вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiary": { + "value": "rgba(255, 255, 255, 0.2)", + "comment": "Третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentCard": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "Прозрачный фон для карточек" + }, + "surfaceTransparentCardBrightness": { + "value": "#FFFFFF1F", + "comment": "Прозрачный фон для карточек" + }, + "surfaceAccent": { + "value": "[general.electricBlue.500]", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", + "comment": "Акцентный фон поверхности/контрола с градиентом" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет фона поверхности/контрола успех" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхности/контрола предупреждение" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Цвет фона поверхности/контрола ошибка" + }, + "surfaceClear": { + "value": "rgba(255, 255, 255, 0)", + "comment": "Фон поверхности/контрола без заливки" + }, + "surfaceTransparentDeep": { + "value": "rgba(255, 255, 255, 0.64)", + "comment": "" + }, + "surfaceTransparentDeepHover": { + "value": "#FFFFFFC2", + "comment": "" + }, + "surfaceTransparentDeepActive": { + "value": "#FFFFFF94", + "comment": "" + }, + "surfaceAccentMinor": { + "value": "[general.electricBlue.900]", + "comment": "" + }, + "surfaceAccentMinorHover": { + "value": "#0A2A67FF", + "comment": "" + }, + "surfaceAccentMinorActive": { + "value": "#071F4BFF", + "comment": "" + }, + "surfaceTransparentAccent": { + "value": "rgba(63, 129, 253, 0.20)", + "comment": "" + }, + "surfaceTransparentAccentHover": { + "value": "#3F82FD52", + "comment": "" + }, + "surfaceTransparentAccentActive": { + "value": "#3F82FD24", + "comment": "" + }, + "surfaceInfoHover": { + "value": "#5D95FDFF", + "comment": "" + }, + "surfaceInfoActive": { + "value": "#357BFDFF", + "comment": "" + }, + "surfacePositiveMinor": { + "value": "[general.green.900]", + "comment": "" + }, + "surfacePositiveMinorHover": { + "value": "#0E3A16FF", + "comment": "" + }, + "surfacePositiveMinorActive": { + "value": "#08210CFF", + "comment": "" + }, + "surfaceWarningMinor": { + "value": "[general.orange.900]", + "comment": "" + }, + "surfaceWarningMinorHover": { + "value": "#4F250DFF", + "comment": "" + }, + "surfaceWarningMinorActive": { + "value": "#351909FF", + "comment": "" + }, + "surfaceNegativeMinor": { + "value": "[general.red.900]", + "comment": "" + }, + "surfaceNegativeMinorHover": { + "value": "#5B1018FF", + "comment": "" + }, + "surfaceNegativeMinorActive": { + "value": "#410B11FF", + "comment": "" + }, + "surfaceInfoMinorHover": { + "value": "#0A2A67FF", + "comment": "" + }, + "surfaceInfoMinorActive": { + "value": "#071F4BFF", + "comment": "" + }, + "surfaceTransparentPositiveHover": { + "value": "#1A9E3252", + "comment": "" + }, + "surfaceTransparentPositiveActive": { + "value": "#1A9E3224", + "comment": "" + }, + "surfaceTransparentWarningHover": { + "value": "#FA5F0552", + "comment": "" + }, + "surfaceTransparentWarningActive": { + "value": "#FA5F0524", + "comment": "" + }, + "surfaceTransparentNegativeHover": { + "value": "#FF293E52", + "comment": "" + }, + "surfaceTransparentNegativeActive": { + "value": "#FF293E24", + "comment": "" + }, + "surfaceTransparentInfoHover": { + "value": "#3F82FD52", + "comment": "" + }, + "surfaceTransparentInfoActive": { + "value": "#3F82FD24", + "comment": "" + }, + "surfaceTransparentPositive": { + "value": "rgba(26, 158, 50, 0.20)", + "comment": "" + }, + "surfaceTransparentWarning": { + "value": "rgba(250, 95, 5, 0.20)", + "comment": "" + }, + "surfaceTransparentNegative": { + "value": "rgba(255, 41, 62, 0.20)", + "comment": "" + }, + "surfaceSolidDefault": { + "value": "[general.gray.50]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceSolidDefaultHover": { + "value": "#FFFFFFFF", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceSolidDefaultActive": { + "value": "#F5F5F5FF", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "surfaceInfoMinor": { + "value": "[general.electricBlue.900]", + "comment": "" + }, + "surfaceTransparentInfo": { + "value": "rgba(63, 129, 253, 0.20)", + "comment": "" + }, + "surfaceSolidPrimaryHover": { + "value": "#1C1C1CFF", + "comment": "Основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidPrimaryActive": { + "value": "#121212FF", + "comment": "Основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondaryHover": { + "value": "#303030FF", + "comment": "Вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondaryActive": { + "value": "#212121FF", + "comment": "Вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiaryHover": { + "value": "#404040FF", + "comment": "Третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiaryActive": { + "value": "#303030FF", + "comment": "Третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidCardHover": { + "value": "#1C1C1CFF", + "comment": "Основной фон для карточек" + }, + "surfaceSolidCardActive": { + "value": "#121212FF", + "comment": "Основной фон для карточек" + }, + "surfaceTransparentDefaultHover": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentDefaultActive": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentPrimaryHover": { + "value": "#FFFFFF1F", + "comment": "Основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentPrimaryActive": { + "value": "#FFFFFF0A", + "comment": "Основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondaryHover": { + "value": "#FFFFFF3D", + "comment": "Вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondaryActive": { + "value": "#FFFFFF0F", + "comment": "Вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiaryHover": { + "value": "#FFFFFF52", + "comment": "Третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiaryActive": { + "value": "#FFFFFF24", + "comment": "Третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentCardHover": { + "value": "#FFFFFF3D", + "comment": "Прозрачный фон для карточек" + }, + "surfaceTransparentCardActive": { + "value": "#FFFFFF0F", + "comment": "Прозрачный фон для карточек" + }, + "surfaceAccentHover": { + "value": "#5D95FDFF", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentActive": { + "value": "#357BFDFF", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentGradientHover": { + "value": "#FFFFFFFF", + "comment": "Акцентный фон поверхности/контрола с градиентом" + }, + "surfaceAccentGradientActive": { + "value": "#FFFFFFFF", + "comment": "Акцентный фон поверхности/контрола с градиентом" + }, + "surfacePositiveHover": { + "value": "#1DAF37FF", + "comment": "Цвет фона поверхности/контрола успех" + }, + "surfacePositiveActive": { + "value": "#18952FFF", + "comment": "Цвет фона поверхности/контрола успех" + }, + "surfaceWarningHover": { + "value": "#FB7223FF", + "comment": "Цвет фона поверхности/контрола предупреждение" + }, + "surfaceWarningActive": { + "value": "#F05B05FF", + "comment": "Цвет фона поверхности/контрола предупреждение" + }, + "surfaceNegativeHover": { + "value": "#FF475AFF", + "comment": "Цвет фона поверхности/контрола ошибка" + }, + "surfaceNegativeActive": { + "value": "#FF1F35FF", + "comment": "Цвет фона поверхности/контрола ошибка" + }, + "surfaceClearHover": { + "value": "#FFFFFF00", + "comment": "Фон поверхности/контрола без заливки" + }, + "surfaceClearActive": { + "value": "#FFFFFF00", + "comment": "Фон поверхности/контрола без заливки" + } + }, + "onDark": { + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidPrimaryBrightness": { + "value": "#262626FF", + "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Вторичный непр. фон поверхности/контрола на темном фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Третичный непр. фон поверхности/контрола на темном фоне" + }, + "surfaceSolidCard": { + "value": "[general.gray.950]", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceSolidCardBrightness": { + "value": "#262626FF", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceTransparentDefault": { + "value": "#FFFFFF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", + "enabled": false + }, + "surfaceTransparentPrimary": { + "value": "rgba(255, 255, 255, 0.06)", + "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentSecondary": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "Вторичный прозр. фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentTertiary": { + "value": "rgba(255, 255, 255, 0.2)", + "comment": "Третичный прозр. фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentCard": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceTransparentCardBrightness": { + "value": "#FFFFFF1F", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceAccent": { + "value": "[general.electricBlue.500]", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", + "comment": "Акцентный фон поверхн./контрола с градиентом на темном фоне" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет фона поверхности/контрола успех на темном фоне" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Фон поверхности/контрола без заливки на темном фоне", + "enabled": false + }, + "surfaceTransparentDeep": { + "value": "rgba(255, 255, 255, 0.64)", + "comment": "" + }, + "surfaceTransparentDeepHover": { + "value": "#FFFFFFC2", + "comment": "" + }, + "surfaceTransparentDeepActive": { + "value": "#FFFFFF94", + "comment": "" + }, + "surfaceAccentMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "surfaceAccentMinorHover": { + "value": "#1852BFFF", + "comment": "" + }, + "surfaceAccentMinorActive": { + "value": "#1446A3FF", + "comment": "" + }, + "surfaceTransparentAccent": { + "value": "rgba(63, 129, 253, 0.20)", + "comment": "" + }, + "surfaceTransparentAccentHover": { + "value": "#3F82FD52", + "comment": "" + }, + "surfaceTransparentAccentActive": { + "value": "#3F82FD24", + "comment": "" + }, + "surfaceSurfaceInfoHover": { + "value": "#5D95FDFF", + "comment": "" + }, + "surfaceSurfaceInfoActive": { + "value": "#357BFDFF", + "comment": "" + }, + "surfacePositiveMinor": { + "value": "[general.green.900]", + "comment": "" + }, + "surfacePositiveMinorHover": { + "value": "#0E3A16FF", + "comment": "" + }, + "surfacePositiveMinorActive": { + "value": "#08210CFF", + "comment": "" + }, + "surfaceWarningMinor": { + "value": "[general.orange.900]", + "comment": "" + }, + "surfaceWarningMinorHover": { + "value": "#4F250DFF", + "comment": "" + }, + "surfaceWarningMinorActive": { + "value": "#351909FF", + "comment": "" + }, + "surfaceNegativeMinor": { + "value": "[general.red.900]", + "comment": "" + }, + "surfaceNegativeMinorHover": { + "value": "#5B1018FF", + "comment": "" + }, + "surfaceNegativeMinorActive": { + "value": "#410B11FF", + "comment": "" + }, + "surfaceInfoMinorHover": { + "value": "#0A2A67FF", + "comment": "" + }, + "surfaceInfoMinorActive": { + "value": "#071F4BFF", + "comment": "" + }, + "surfaceTransparentPositiveHover": { + "value": "#1A9E3252", + "comment": "" + }, + "surfaceTransparentPositiveActive": { + "value": "#1A9E3224", + "comment": "" + }, + "surfaceTransparentWarningHover": { + "value": "#FA5F0552", + "comment": "" + }, + "surfaceTransparentWarningActive": { + "value": "#FA5F0524", + "comment": "" + }, + "surfaceTransparentNegativeHover": { + "value": "#FF293E52", + "comment": "" + }, + "surfaceTransparentNegativeActive": { + "value": "#FF293E24", + "comment": "" + }, + "surfaceTransparentInfoHover": { + "value": "#3F82FD52", + "comment": "" + }, + "surfaceTransparentInfoActive": { + "value": "#3F82FD24", + "comment": "" + }, + "surfaceTransparentPositive": { + "value": "rgba(26, 158, 50, 0.20)", + "comment": "" + }, + "surfaceTransparentWarning": { + "value": "rgba(250, 95, 5, 0.20)", + "comment": "" + }, + "surfaceTransparentNegative": { + "value": "rgba(255, 41, 62, 0.20)", + "comment": "" + }, + "surfaceSolidDefault": { + "value": "[general.gray.50]", + "comment": "Непр. фон поверхности/контрола по умолчанию на тем. фоне" + }, + "surfaceSolidDefaultHover": { + "value": "#FFFFFFFF", + "comment": "Непр. фон поверхности/контрола по умолчанию на тем. фоне" + }, + "surfaceSolidDefaultActive": { + "value": "#F5F5F5FF", + "comment": "Непр. фон поверхности/контрола по умолчанию на тем. фоне" + }, + "surfaceSurfaceInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "surfaceInfoMinor": { + "value": "[general.electricBlue.900]", + "comment": "" + }, + "surfaceTransparentInfo": { + "value": "rgba(63, 129, 253, 0.20)", + "comment": "" + }, + "surfaceSolidPrimaryHover": { + "value": "#1C1C1CFF", + "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidPrimaryActive": { + "value": "#121212FF", + "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidSecondaryHover": { + "value": "#303030FF", + "comment": "Вторичный непр. фон поверхности/контрола на темном фоне" + }, + "surfaceSolidSecondaryActive": { + "value": "#212121FF", + "comment": "Вторичный непр. фон поверхности/контрола на темном фоне" + }, + "surfaceSolidTertiaryHover": { + "value": "#404040FF", + "comment": "Третичный непр. фон поверхности/контрола на темном фоне" + }, + "surfaceSolidTertiaryActive": { + "value": "#303030FF", + "comment": "Третичный непр. фон поверхности/контрола на темном фоне" + }, + "surfaceSolidCardHover": { + "value": "#1C1C1CFF", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceSolidCardActive": { + "value": "#121212FF", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceTransparentDefaultHover": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", + "enabled": false + }, + "surfaceTransparentDefaultActive": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", + "enabled": false + }, + "surfaceTransparentPrimaryHover": { + "value": "#FFFFFF1F", + "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentPrimaryActive": { + "value": "#FFFFFF0A", + "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentSecondaryHover": { + "value": "#FFFFFF3D", + "comment": "Вторичный прозр. фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentSecondaryActive": { + "value": "#FFFFFF0F", + "comment": "Вторичный прозр. фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentTertiaryHover": { + "value": "#FFFFFF52", + "comment": "Третичный прозр. фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentTertiaryActive": { + "value": "#FFFFFF24", + "comment": "Третичный прозр. фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentCardHover": { + "value": "#FFFFFF3D", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceTransparentCardActive": { + "value": "#FFFFFF0F", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceAccentHover": { + "value": "#5D95FDFF", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentActive": { + "value": "#357BFDFF", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentGradientHover": { + "value": "#FFFFFFFF", + "comment": "Акцентный фон поверхн./контрола с градиентом на темном фоне" + }, + "surfaceAccentGradientActive": { + "value": "#FFFFFFFF", + "comment": "Акцентный фон поверхн./контрола с градиентом на темном фоне" + }, + "surfacePositiveHover": { + "value": "#1DAF37FF", + "comment": "Цвет фона поверхности/контрола успех на темном фоне" + }, + "surfacePositiveActive": { + "value": "#18952FFF", + "comment": "Цвет фона поверхности/контрола успех на темном фоне" + }, + "surfaceWarningHover": { + "value": "#FB7223FF", + "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" + }, + "surfaceWarningActive": { + "value": "#F05B05FF", + "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" + }, + "surfaceNegativeHover": { + "value": "#FF475AFF", + "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfaceNegativeActive": { + "value": "#FF1F35FF", + "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfaceClearHover": { + "value": "#00000000", + "comment": "Фон поверхности/контрола без заливки на темном фоне", + "enabled": false + }, + "surfaceClearActive": { + "value": "#00000000", + "comment": "Фон поверхности/контрола без заливки на темном фоне", + "enabled": false + } + }, + "onLight": { + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.100]", + "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidPrimaryBrightness": { + "value": "#FFFFFFFF", + "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.150]", + "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.200]", + "comment": "Третичный непр. фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidCard": { + "value": "rgba(255, 255, 255, 1)", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceSolidCardBrightness": { + "value": "#FFFFFFFF", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceTransparentDefault": { + "value": "[general.gray.1000]", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", + "enabled": false + }, + "surfaceTransparentPrimary": { + "value": "rgba(8, 8, 8, 0.03)", + "comment": "Основной прозр. фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentSecondary": { + "value": "rgba(8, 8, 8, 0.06)", + "comment": "Вторичный прозр. фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentTertiary": { + "value": "rgba(8, 8, 8, 0.12)", + "comment": "Третичный прозр. фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentCard": { + "value": "rgba(255, 255, 255, 1)", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceTransparentCardBrightness": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceAccent": { + "value": "[general.electricBlue.600]", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", + "comment": "Акцент. фон поверхн./контрола с градиентом на светлом фоне" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет фона поверхности/контрола успех на светлом фоне" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" + }, + "surfaceNegative": { + "value": "[general.red.600]", + "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Фон поверхности/контрола без заливки на светлом фоне", + "enabled": false + }, + "surfaceTransparentDeep": { + "value": "rgba(8, 8, 8, 0.64)", + "comment": "" + }, + "surfaceAccentMinor": { + "value": "[general.electricBlue.150]", + "comment": "" + }, + "surfaceAccentMinorHover": { + "value": "#EBF1FFFF", + "comment": "" + }, + "surfaceAccentMinorActive": { + "value": "#D6E4FFFF", + "comment": "" + }, + "surfaceTransparentAccent": { + "value": "rgba(42, 114, 248, 0.12)", + "comment": "" + }, + "surfaceTransparentAccentHover": { + "value": "#2A72F83D", + "comment": "" + }, + "surfaceTransparentAccentActive": { + "value": "#2A72F80F", + "comment": "" + }, + "surfaceInfoHover": { + "value": "#5D95FDFF", + "comment": "" + }, + "surfaceInfoActive": { + "value": "#357BFDFF", + "comment": "" + }, + "surfacePositiveMinor": { + "value": "[general.green.150]", + "comment": "" + }, + "surfacePositiveMinorHover": { + "value": "#B1FBBFFF", + "comment": "" + }, + "surfacePositiveMinorActive": { + "value": "#94F9A7FF", + "comment": "" + }, + "surfaceWarningMinor": { + "value": "[general.orange.150]", + "comment": "" + }, + "surfaceWarningMinorHover": { + "value": "#FEE9DCFF", + "comment": "" + }, + "surfaceWarningMinorActive": { + "value": "#FEDCC8FF", + "comment": "" + }, + "surfaceNegativeMinor": { + "value": "[general.red.150]", + "comment": "" + }, + "surfaceNegativeMinorHover": { + "value": "#FFEBEDFF", + "comment": "" + }, + "surfaceNegativeMinorActive": { + "value": "#FFD6DAFF", + "comment": "" + }, + "surfaceInfoMinorHover": { + "value": "#EBF1FFFF", + "comment": "" + }, + "surfaceInfoMinorActive": { + "value": "#D6E4FFFF", + "comment": "" + }, + "surfaceTransparentPositiveHover": { + "value": "#1A9E323D", + "comment": "" + }, + "surfaceTransparentPositiveActive": { + "value": "#1A9E320F", + "comment": "" + }, + "surfaceTransparentWarningHover": { + "value": "#FA5F053D", + "comment": "" + }, + "surfaceTransparentWarningActive": { + "value": "#FA5F050F", + "comment": "" + }, + "surfaceTransparentNegativeHover": { + "value": "#F31B313D", + "comment": "" + }, + "surfaceTransparentNegativeActive": { + "value": "#F31B310F", + "comment": "" + }, + "surfaceTransparentInfoHover": { + "value": "#2A72F83D", + "comment": "" + }, + "surfaceTransparentInfoActive": { + "value": "#2A72F80F", + "comment": "" + }, + "surfaceTransparentPositive": { + "value": "rgba(26, 158, 50, 0.12)", + "comment": "" + }, + "surfaceTransparentWarning": { + "value": "rgba(250, 95, 5, 0.12)", + "comment": "" + }, + "surfaceTransparentNegative": { + "value": "rgba(243, 27, 49, 0.12)", + "comment": "" + }, + "surfaceInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "surfaceInfoMinor": { + "value": "[general.electricBlue.150]", + "comment": "" + }, + "surfaceTransparentInfo": { + "value": "rgba(42, 114, 248, 0.12)", + "comment": "" + }, + "surfaceSolidDefaultHover": { + "value": "#0D0D0DFF", + "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceSolidDefaultActive": { + "value": "#030303FF", + "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceSolidPrimaryHover": { + "value": "#FAFAFAFF", + "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidPrimaryActive": { + "value": "#F0F0F0FF", + "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidSecondaryHover": { + "value": "#F7F7F7FF", + "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidSecondaryActive": { + "value": "#E8E8E8FF", + "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidTertiaryHover": { + "value": "#E8E8E8FF", + "comment": "Третичный непр. фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidTertiaryActive": { + "value": "#D9D9D9FF", + "comment": "Третичный непр. фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidCardHover": { + "value": "#FFFFFFFF", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceSolidCardActive": { + "value": "#FFFFFFFF", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceTransparentDefaultHover": { + "value": "#0D0D0DFF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", + "enabled": false + }, + "surfaceTransparentDefaultActive": { + "value": "#030303FF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", + "enabled": false + }, + "surfaceTransparentPrimaryHover": { + "value": "#08080812", + "comment": "Основной прозр. фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentPrimaryActive": { + "value": "#08080803", + "comment": "Основной прозр. фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentSecondaryHover": { + "value": "#0808081F", + "comment": "Вторичный прозр. фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentSecondaryActive": { + "value": "#0808080A", + "comment": "Вторичный прозр. фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentTertiaryHover": { + "value": "#0808083D", + "comment": "Третичный прозр. фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentTertiaryActive": { + "value": "#0808080F", + "comment": "Третичный прозр. фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentCardHover": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceTransparentCardActive": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceAccentHover": { + "value": "#4886F9FF", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentActive": { + "value": "#206CF8FF", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentGradientHover": { + "value": "#FFFFFFFF", + "comment": "Акцент. фон поверхн./контрола с градиентом на светлом фоне" + }, + "surfaceAccentGradientActive": { + "value": "#FFFFFFFF", + "comment": "Акцент. фон поверхн./контрола с градиентом на светлом фоне" + }, + "surfacePositiveHover": { + "value": "#1DAF37FF", + "comment": "Цвет фона поверхности/контрола успех на светлом фоне" + }, + "surfacePositiveActive": { + "value": "#18952FFF", + "comment": "Цвет фона поверхности/контрола успех на светлом фоне" + }, + "surfaceWarningHover": { + "value": "#FB7223FF", + "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" + }, + "surfaceWarningActive": { + "value": "#F05B05FF", + "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" + }, + "surfaceNegativeHover": { + "value": "#F5384BFF", + "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfaceNegativeActive": { + "value": "#F31228FF", + "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfaceClearHover": { + "value": "#00000000", + "comment": "Фон поверхности/контрола без заливки на светлом фоне", + "enabled": false + }, + "surfaceClearActive": { + "value": "#00000000", + "comment": "Фон поверхности/контрола без заливки на светлом фоне", + "enabled": false + }, + "surfaceTransparentDeepHover": { + "value": "#080808C2", + "comment": "" + }, + "surfaceTransparentDeepActive": { + "value": "#08080894", + "comment": "" + } + }, + "inverse": { + "surfaceSolidPrimaryBrightness": { + "value": "#FFFFFFFF", + "comment": "Инвертированный осн. непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidCardBrightness": { + "value": "#FFFFFFFF", + "comment": "Инвертированный основной фон для карточек", + "enabled": true + }, + "surfaceTransparentDefault": { + "value": "[general.gray.1000]", + "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentCardBrightness": { + "value": "#FFFFFFFF", + "comment": "Инвертированный прозрачный фон для карточек", + "enabled": true + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "" + }, + "surfaceNegative": { + "value": "[general.red.600]", + "comment": "" + }, + "surfaceSolidDefaultHover": { + "value": "#0D0D0DFF", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", + "enabled": true + }, + "surfaceSolidDefaultActive": { + "value": "#030303FF", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", + "enabled": true + }, + "surfaceSolidPrimaryHover": { + "value": "#FAFAFAFF", + "comment": "Инвертированный осн. непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidPrimaryActive": { + "value": "#F0F0F0FF", + "comment": "Инвертированный осн. непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidSecondaryHover": { + "value": "#F7F7F7FF", + "comment": "Инвертированный втор. непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidSecondaryActive": { + "value": "#E8E8E8FF", + "comment": "Инвертированный втор. непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidTertiaryHover": { + "value": "#E8E8E8FF", + "comment": "Инвертированный трет.непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidTertiaryActive": { + "value": "#D9D9D9FF", + "comment": "Инвертированный трет.непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidCardHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный основной фон для карточек", + "enabled": true + }, + "surfaceSolidCardActive": { + "value": "#FFFFFFFF", + "comment": "Инвертированный основной фон для карточек", + "enabled": true + }, + "surfaceTransparentDefaultHover": { + "value": "#0D0D0DFF", + "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentDefaultActive": { + "value": "#030303FF", + "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentPrimaryHover": { + "value": "#08080812", + "comment": "Инвертированный основной прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentPrimaryActive": { + "value": "#08080803", + "comment": "Инвертированный основной прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentSecondaryHover": { + "value": "#0808081F", + "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentSecondaryActive": { + "value": "#0808080A", + "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentTertiaryHover": { + "value": "#0808083D", + "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentTertiaryActive": { + "value": "#0808080F", + "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentCardHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный прозрачный фон для карточек", + "enabled": true + }, + "surfaceTransparentCardActive": { + "value": "#FFFFFFFF", + "comment": "Инвертированный прозрачный фон для карточек", + "enabled": true + }, + "surfaceAccentHover": { + "value": "#4886F9FF", + "comment": "Инвертированный акцентный фон поверхности/контрола", + "enabled": true + }, + "surfaceAccentActive": { + "value": "#206CF8FF", + "comment": "Инвертированный акцентный фон поверхности/контрола", + "enabled": true + }, + "surfaceAccentGradientHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", + "enabled": true + }, + "surfaceAccentGradientActive": { + "value": "#FFFFFFFF", + "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", + "enabled": true + }, + "surfacePositiveHover": { + "value": "#1DAF37FF", + "comment": "" + }, + "surfacePositiveActive": { + "value": "#18952FFF", + "comment": "" + }, + "surfaceWarningHover": { + "value": "#FB7223FF", + "comment": "" + }, + "surfaceWarningActive": { + "value": "#F05B05FF", + "comment": "" + }, + "surfaceNegativeHover": { + "value": "#F5384BFF", + "comment": "" + }, + "surfaceNegativeActive": { + "value": "#F31228FF", + "comment": "" + }, + "surfaceClearHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный фон поверхности/контрола без заливки", + "enabled": true + }, + "surfaceClearActive": { + "value": "#FFFFFFFF", + "comment": "Инвертированный фон поверхности/контрола без заливки", + "enabled": true + }, + "surfaceSolidCard": { + "value": "#FFFFFF", + "comment": "Инвертированный основной фон для карточек", + "enabled": true + }, + "surfaceSolidPrimary": { + "value": "[general.gray.100]", + "comment": "Инвертированный осн. непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidSecondary": { + "value": "[general.gray.150]", + "comment": "Инвертированный втор. непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidTertiary": { + "value": "[general.gray.200]", + "comment": "Инвертированный трет.непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", + "enabled": true + }, + "surfaceTransparentCard": { + "value": "#FFFFFF", + "comment": "Инвертированный прозрачный фон для карточек", + "enabled": true + }, + "surfaceTransparentPrimary": { + "value": "rgba(8,8,8,0.03)", + "comment": "Инвертированный основной прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentSecondary": { + "value": "rgba(8,8,8,0.06)", + "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentTertiary": { + "value": "rgba(8,8,8,0.12)", + "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentDeep": { + "value": "rgba(8,8,8,0.64)", + "comment": "" + }, + "surfaceTransparentDeepHover": { + "value": "#080808C2", + "comment": "" + }, + "surfaceTransparentDeepActive": { + "value": "#08080894", + "comment": "" + }, + "surfaceClear": { + "value": "rgba(0,0,0,0)", + "comment": "Инвертированный фон поверхности/контрола без заливки", + "enabled": true + }, + "surfaceAccent": { + "value": "[general.electricBlue.600]", + "comment": "Инвертированный акцентный фон поверхности/контрола", + "enabled": true + }, + "surfaceAccentMinor": { + "value": "[general.electricBlue.150]", + "comment": "" + }, + "surfaceAccentMinorHover": { + "value": "#EBF1FFFF", + "comment": "" + }, + "surfaceAccentMinorActive": { + "value": "#D6E4FFFF", + "comment": "" + }, + "surfaceAccentGradient": { + "value": { + "origin": "linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["#3E79F0", "#27C6E5"], + "locations": [0.06, 0.94], + "startPoint": { + "x": 0, + "y": 0.46 + }, + "endPoint": { + "x": 1, + "y": 0.54 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["#3E79F0", "#27C6E5"], + "locations": [0.06, 0.94], + "startPoint": { + "x": 0, + "y": 0.46 + }, + "endPoint": { + "x": 1, + "y": 0.54 + } + } + }, + "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", + "enabled": true + }, + "surfaceTransparentAccent": { + "value": "rgba(42,114,248,0.12)", + "comment": "" + }, + "surfaceTransparentAccentHover": { + "value": "#2A72F83D", + "comment": "" + }, + "surfaceTransparentAccentActive": { + "value": "#2A72F80F", + "comment": "" + }, + "surfaceInfo": { + "value": "[general.electricBlue.600]", + "comment": "" + }, + "surfaceInfoHover": { + "value": "#4886F9FF", + "comment": "" + }, + "surfaceInfoActive": { + "value": "#206CF8FF", + "comment": "" + }, + "surfacePositiveMinor": { + "value": "[general.green.150]", + "comment": "" + }, + "surfacePositiveMinorHover": { + "value": "#B1FBBFFF", + "comment": "" + }, + "surfacePositiveMinorActive": { + "value": "#94F9A7FF", + "comment": "" + }, + "surfaceWarningMinor": { + "value": "[general.orange.150]", + "comment": "" + }, + "surfaceWarningMinorHover": { + "value": "#FEE9DCFF", + "comment": "" + }, + "surfaceWarningMinorActive": { + "value": "#FEDCC8FF", + "comment": "" + }, + "surfaceNegativeMinor": { + "value": "[general.red.150]", + "comment": "" + }, + "surfaceNegativeMinorHover": { + "value": "#FFEBEDFF", + "comment": "" + }, + "surfaceNegativeMinorActive": { + "value": "#FFD6DAFF", + "comment": "" + }, + "surfaceInfoMinor": { + "value": "[general.electricBlue.150]", + "comment": "" + }, + "surfaceInfoMinorHover": { + "value": "#EBF1FFFF", + "comment": "" + }, + "surfaceInfoMinorActive": { + "value": "#D6E4FFFF", + "comment": "" + }, + "surfaceTransparentPositive": { + "value": "rgba(26,158,50,0.12)", + "comment": "" + }, + "surfaceTransparentPositiveHover": { + "value": "#1A9E323D", + "comment": "" + }, + "surfaceTransparentPositiveActive": { + "value": "#1A9E320F", + "comment": "" + }, + "surfaceTransparentWarning": { + "value": "rgba(250,95,5,0.12)", + "comment": "" + }, + "surfaceTransparentWarningHover": { + "value": "#FA5F053D", + "comment": "" + }, + "surfaceTransparentWarningActive": { + "value": "#FA5F050F", + "comment": "" + }, + "surfaceTransparentNegative": { + "value": "rgba(243,27,49,0.12)", + "comment": "" + }, + "surfaceTransparentNegativeHover": { + "value": "#F31B313D", + "comment": "" + }, + "surfaceTransparentNegativeActive": { + "value": "#F31B310F", + "comment": "" + }, + "surfaceTransparentInfo": { + "value": "rgba(42,114,248,0.12)", + "comment": "" + }, + "surfaceTransparentInfoHover": { + "value": "#2A72F83D", + "comment": "" + }, + "surfaceTransparentInfoActive": { + "value": "#2A72F80F", + "comment": "" + } + } + }, + "background": { + "default": { + "backgroundPrimary": { + "value": "[general.gray.1000]", + "comment": "Основной фон" + }, + "backgroundPrimaryBrightness": { + "value": "#171717", + "comment": "Основной фон" + }, + "backgroundSecondary": { + "value": "[general.gray.1000]", + "comment": "Вторичный фон", + "enabled": false + }, + "backgroundTertiary": { + "value": "[general.gray.950]", + "comment": "Третичный фон", + "enabled": false + } + }, + "dark": { + "backgroundPrimary": { + "value": "[general.gray.1000]", + "comment": "Основной фон на темном фоне" + }, + "backgroundSecondary": { + "value": "[general.gray.1000]", + "comment": "Вторичный фон на темном фоне", + "enabled": false + }, + "backgroundTertiary": { + "value": "[general.gray.950]", + "comment": "Третичный фон на темном фоне", + "enabled": false + } + }, + "light": { + "backgroundPrimary": { + "value": "[general.gray.50]", + "comment": "Основной фон на светлом фоне" + }, + "backgroundSecondary": { + "value": "#FFFFFF", + "comment": "Вторичный фон на светлом фоне", + "enabled": false + }, + "backgroundTertiary": { + "value": "#FFFFFF", + "comment": "Третичный фон на светлом фоне", + "enabled": false + } + }, + "inverse": { + "backgroundPrimaryBrightness": { + "value": "#FFFFFF", + "comment": "Инвертированный основной фон", + "enabled": true + }, + "backgroundSecondary": { + "value": "#FFFFFF", + "comment": "Инвертированный вторичный фон", + "enabled": false + }, + "backgroundTertiary": { + "value": "#FFFFFF", + "comment": "Инвертированный третичный фон", + "enabled": false + }, + "backgroundPrimary": { + "value": "[general.gray.50]", + "comment": "Инвертированный основной фон", + "enabled": true + } + } + }, + "overlay": { + "default": { + "overlaySoft": { + "value": "rgba(8, 8, 8, 0.56)", + "comment": "Цвет фона паранжи светлый" + }, + "overlayHard": { + "value": "rgba(8, 8, 8, 0.96)", + "comment": "Цвет фона паранжи темный" + }, + "overlayBlur": { + "value": "rgba(8, 8, 8, 0.28)", + "comment": "" + } + }, + "onDark": { + "overlaySoft": { + "value": "rgba(8, 8, 8, 0.56)", + "comment": "Цвет фона паранжи светлый на темном фоне" + }, + "overlayHard": { + "value": "rgba(8, 8, 8, 0.96)", + "comment": "Цвет фона паранжи темный на темном фоне" + }, + "overlayBlur": { + "value": "rgba(8, 8, 8, 0.28)", + "comment": "" + } + }, + "onLight": { + "overlaySoft": { + "value": "rgba(249, 249, 249, 0.56)", + "comment": "Цвет фона паранжи светлый на светлом фоне" + }, + "overlayHard": { + "value": "rgba(249, 249, 249, 0.96)", + "comment": "Цвет фона паранжи темный на светлом фоне" + }, + "overlayBlur": { + "value": "rgba(249, 249, 249, 0.28)", + "comment": "" + } + }, + "inverse": { + "overlaySoft": { + "value": "rgba(249,249,249,0.56)", + "comment": "Инвертированный цвет фона паранжи светлый", + "enabled": true + }, + "overlayHard": { + "value": "rgba(249,249,249,0.96)", + "comment": "Инвертированный цвет фона паранжи темный", + "enabled": true + }, + "overlayBlur": { + "value": "rgba(249,249,249,0.28)", + "comment": "" + } + } + }, + "outline": { + "default": { + "outlinePrimaryHover": { + "value": "#303030FF", + "comment": "" + }, + "outlinePrimaryActive": { + "value": "#212121FF", + "comment": "" + }, + "outlineSecondaryHover": { + "value": "#595959FF", + "comment": "" + }, + "outlineSecondaryActive": { + "value": "#4A4A4AFF", + "comment": "" + }, + "outlineTertiaryHover": { + "value": "#7A7A7AFF", + "comment": "" + }, + "outlineTertiaryActive": { + "value": "#6B6B6BFF", + "comment": "" + }, + "outlineDefaultHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineDefaultActive": { + "value": "#F5F5F5FF", + "comment": "" + }, + "outlineTransparentPrimary": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "" + }, + "outlineTransparentPrimaryHover": { + "value": "#FFFFFF3D", + "comment": "" + }, + "outlineTransparentPrimaryActive": { + "value": "#FFFFFF0F", + "comment": "" + }, + "outlineTransparentSecondary": { + "value": "rgba(255, 255, 255, 0.20)", + "comment": "" + }, + "outlineTransparentSecondaryHover": { + "value": "#FFFFFF52", + "comment": "" + }, + "outlineTransparentSecondaryActive": { + "value": "#FFFFFF24", + "comment": "" + }, + "outlineTransparentTertiary": { + "value": "rgba(255, 255, 255, 0.40)", + "comment": "" + }, + "outlineTransparentTertiaryHover": { + "value": "#FFFFFF85", + "comment": "" + }, + "outlineTransparentTertiaryActive": { + "value": "#FFFFFF57", + "comment": "" + }, + "outlineTransparentClear": { + "value": "rgba(255, 255, 255, 0.00)", + "comment": "" + }, + "outlineTransparentClearHover": { + "value": "#FFFFFF00", + "comment": "" + }, + "outlineTransparentClearActive": { + "value": "#FFFFFF00", + "comment": "" + }, + "outlineAccent": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "outlineAccentHover": { + "value": "#5D95FDFF", + "comment": "" + }, + "outlineAccentActive": { + "value": "#357BFDFF", + "comment": "" + }, + "outlineAccentMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "outlineAccentMinorHover": { + "value": "#1852BFFF", + "comment": "" + }, + "outlineAccentMinorActive": { + "value": "#1446A3FF", + "comment": "" + }, + "outlineTransparentAccent": { + "value": "rgba(63, 129, 253, 0.28)", + "comment": "" + }, + "outlineTransparentAccentHover": { + "value": "#3F82FD66", + "comment": "" + }, + "outlineTransparentAccentActive": { + "value": "#3F82FD38", + "comment": "" + }, + "outlinePositive": { + "value": "[general.green.400]", + "comment": "" + }, + "outlinePositiveHover": { + "value": "#28C344FF", + "comment": "" + }, + "outlinePositiveActive": { + "value": "#23A93BFF", + "comment": "" + }, + "outlineWarning": { + "value": "[general.orange.400]", + "comment": "" + }, + "outlineWarningHover": { + "value": "#FF8442FF", + "comment": "" + }, + "outlineWarningActive": { + "value": "#FF6A1AFF", + "comment": "" + }, + "outlineNegative": { + "value": "[general.red.400]", + "comment": "" + }, + "outlineNegativeHover": { + "value": "#FF5C6CFF", + "comment": "" + }, + "outlineNegativeActive": { + "value": "#FF3347FF", + "comment": "" + }, + "outlineInfoHover": { + "value": "#70A2FFFF", + "comment": "" + }, + "outlineInfoActive": { + "value": "#4788FFFF", + "comment": "" + }, + "outlinePositiveMinor": { + "value": "[general.green.800]", + "comment": "" + }, + "outlinePositiveMinorHover": { + "value": "#0B6F1DFF", + "comment": "" + }, + "outlinePositiveMinorActive": { + "value": "#085416FF", + "comment": "" + }, + "outlineWarningMinor": { + "value": "[general.orange.800]", + "comment": "" + }, + "outlineWarningMinorHover": { + "value": "#95400EFF", + "comment": "" + }, + "outlineWarningMinorActive": { + "value": "#79340BFF", + "comment": "" + }, + "outlineNegativeMinor": { + "value": "[general.red.800]", + "comment": "" + }, + "outlineNegativeMinorHover": { + "value": "#B01726FF", + "comment": "" + }, + "outlineNegativeMinorActive": { + "value": "#951320FF", + "comment": "" + }, + "outlineInfoMinorHover": { + "value": "#1852BFFF", + "comment": "" + }, + "outlineInfoMinorActive": { + "value": "#1446A3FF", + "comment": "" + }, + "outlineTransparentPositiveHover": { + "value": "#1A9E3266", + "comment": "" + }, + "outlineTransparentPositiveActive": { + "value": "#1A9E3238", + "comment": "" + }, + "outlineTransparentWarningHover": { + "value": "#FA5F0566", + "comment": "" + }, + "outlineTransparentWarningActive": { + "value": "#FA5F0538", + "comment": "" + }, + "outlineNegativeTransparentHover": { + "value": "#CCCCCCFF", + "comment": "" + }, + "outlineNegativeTransparentActive": { + "value": "#E6E6E6FF", + "comment": "" + }, + "outlineTransparentInfoHover": { + "value": "#3F82FD66", + "comment": "" + }, + "outlineTransparentInfoActive": { + "value": "#3F82FD38", + "comment": "" + }, + "outlineTransparentPositive": { + "value": "rgba(26, 158, 50, 0.28)", + "comment": "" + }, + "outlineTransparentWarning": { + "value": "rgba(250, 95, 5, 0.28)", + "comment": "" + }, + "outlineTransparentNegative": { + "value": "rgba(243, 27, 49, 0.20)", + "comment": "" + }, + "outlineTransparentNegativeHover": { + "value": "#F31B3152", + "comment": "" + }, + "outlineTransparentNegativeActive": { + "value": "#F31B3124", + "comment": "" + }, + "outlineInfoMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "outlineTransparentInfo": { + "value": "rgba(63, 129, 253, 0.28)", + "comment": "" + }, + "outlineInfo": { + "value": "[general.electricBlue.400]", + "comment": "" + }, + "outlineSolidPrimary": { + "value": "[general.gray.900]", + "comment": "" + }, + "outlineSolidPrimaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidPrimaryActive": { + "value": "#ADADADFF", + "comment": "" + }, + "outlineSolidSecondary": { + "value": "[general.gray.800]", + "comment": "" + }, + "outlineSolidSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidSecondaryActive": { + "value": "#8C8C8CFF", + "comment": "" + }, + "outlineSolidTertiary": { + "value": "[general.gray.700]", + "comment": "" + }, + "outlineSolidTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidTertiaryActive": { + "value": "#737373FF", + "comment": "" + }, + "outlineSolidDefault": { + "value": "[general.gray.50]", + "comment": "" + }, + "outlineSolidDefaultHover": { + "value": "#C7C7C7FF", + "comment": "" + }, + "outlineSolidDefaultActive": { + "value": "#E0E0E0FF", + "comment": "" + } + }, + "onDark": { + "outlinePrimaryHover": { + "value": "#303030FF", + "comment": "" + }, + "outlinePrimaryActive": { + "value": "#212121FF", + "comment": "" + }, + "outlineSecondaryHover": { + "value": "#595959FF", + "comment": "" + }, + "outlineSecondaryActive": { + "value": "#4A4A4AFF", + "comment": "" + }, + "outlineTertiaryHover": { + "value": "#7A7A7AFF", + "comment": "" + }, + "outlineTertiaryActive": { + "value": "#6B6B6BFF", + "comment": "" + }, + "outlineDefaultHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineDefaultActive": { + "value": "#F5F5F5FF", + "comment": "" + }, + "outlineTransparentPrimaryHover": { + "value": "#FFFFFF3D", + "comment": "" + }, + "outlineTransparentPrimaryActive": { + "value": "#FFFFFF0F", + "comment": "" + }, + "outlineTransparentSecondaryHover": { + "value": "#FFFFFF52", + "comment": "" + }, + "outlineTransparentSecondaryActive": { + "value": "#FFFFFF24", + "comment": "" + }, + "outlineTransparentTertiaryHover": { + "value": "#FFFFFF85", + "comment": "" + }, + "outlineTransparentTertiaryActive": { + "value": "#FFFFFF57", + "comment": "" + }, + "outlineAccentHover": { + "value": "#5D95FDFF", + "comment": "" + }, + "outlineAccentActive": { + "value": "#357BFDFF", + "comment": "" + }, + "outlineAccentMinorHover": { + "value": "#1852BFFF", + "comment": "" + }, + "outlineAccentMinorActive": { + "value": "#1446A3FF", + "comment": "" + }, + "outlineTransparentAccentHover": { + "value": "#3F82FD66", + "comment": "" + }, + "outlineTransparentAccentActive": { + "value": "#3F82FD38", + "comment": "" + }, + "outlinePositiveHover": { + "value": "#28C344FF", + "comment": "" + }, + "outlinePositiveActive": { + "value": "#23A93BFF", + "comment": "" + }, + "outlineWarningHover": { + "value": "#FF8442FF", + "comment": "" + }, + "outlineWarningActive": { + "value": "#FF6A1AFF", + "comment": "" + }, + "outlineNegativeHover": { + "value": "#FF5C6CFF", + "comment": "" + }, + "outlineNegativeActive": { + "value": "#FF3347FF", + "comment": "" + }, + "outlineInfoHover": { + "value": "#70A2FFFF", + "comment": "" + }, + "outlineInfoActive": { + "value": "#4788FFFF", + "comment": "" + }, + "outlinePositiveMinorHover": { + "value": "#0B6F1DFF", + "comment": "" + }, + "outlinePositiveMinorActive": { + "value": "#085416FF", + "comment": "" + }, + "outlineWarningMinorHover": { + "value": "#95400EFF", + "comment": "" + }, + "outlineWarningMinorActive": { + "value": "#79340BFF", + "comment": "" + }, + "outlineNegativeMinorHover": { + "value": "#B01726FF", + "comment": "" + }, + "outlineNegativeMinorActive": { + "value": "#951320FF", + "comment": "" + }, + "outlineInfoMinorHover": { + "value": "#1852BFFF", + "comment": "" + }, + "outlineInfoMinorActive": { + "value": "#1446A3FF", + "comment": "" + }, + "outlineTransparentPositiveHover": { + "value": "#1A9E3266", + "comment": "" + }, + "outlineTransparentPositiveActive": { + "value": "#1A9E3238", + "comment": "" + }, + "outlineTransparentWarningHover": { + "value": "#FA5F0566", + "comment": "" + }, + "outlineTransparentWarningActive": { + "value": "#FA5F0538", + "comment": "" + }, + "outlineNegativeTransparentHover": { + "value": "#FF293E66", + "comment": "" + }, + "outlineNegativeTransparentActive": { + "value": "#FF293E38", + "comment": "" + }, + "outlineTransparentInfoHover": { + "value": "#3F82FD66", + "comment": "" + }, + "outlineTransparentInfoActive": { + "value": "#3F82FD38", + "comment": "" + }, + "outlineTransparentPrimary": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "" + }, + "outlineTransparentSecondary": { + "value": "rgba(255, 255, 255, 0.20)", + "comment": "" + }, + "outlineTransparentTertiary": { + "value": "rgba(255, 255, 255, 0.40)", + "comment": "" + }, + "outlineAccent": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "outlineAccentMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "outlineTransparentAccent": { + "value": "rgba(63, 129, 253, 0.28)", + "comment": "" + }, + "outlinePositive": { + "value": "[general.green.400]", + "comment": "" + }, + "outlineWarning": { + "value": "[general.orange.400]", + "comment": "" + }, + "outlineNegative": { + "value": "[general.red.400]", + "comment": "" + }, + "outlineWarningMinor": { + "value": "[general.orange.800]", + "comment": "" + }, + "outlineNegativeMinor": { + "value": "[general.red.800]", + "comment": "" + }, + "outlineTransparentPositive": { + "value": "rgba(26, 158, 50, 0.28)", + "comment": "" + }, + "outlineTransparentWarning": { + "value": "rgba(250, 95, 5, 0.28)", + "comment": "" + }, + "outlineNegativeTransparent": { + "value": "rgba(255, 41, 62, 0.28)", + "comment": "" + }, + "outlinePositiveMinor": { + "value": "[general.green.800]", + "comment": "" + }, + "outlineInfoMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "outlineInfo": { + "value": "[general.electricBlue.400]", + "comment": "" + }, + "outlineTransparentInfo": { + "value": "rgba(63, 129, 253, 0.28)", + "comment": "" + }, + "outlineSolidPrimary": { + "value": "[general.gray.900]", + "comment": "" + }, + "outlineSolidPrimaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidPrimaryActive": { + "value": "#ADADADFF", + "comment": "" + }, + "outlineSolidSecondary": { + "value": "[general.gray.800]", + "comment": "" + }, + "outlineSolidSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidSecondaryActive": { + "value": "#8C8C8CFF", + "comment": "" + }, + "outlineSolidTertiary": { + "value": "[general.gray.700]", + "comment": "" + }, + "outlineSolidTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidTertiaryActive": { + "value": "#737373FF", + "comment": "" + }, + "outlineSolidDefault": { + "value": "[general.gray.50]", + "comment": "" + }, + "outlineSolidDefaultHover": { + "value": "#C7C7C7FF", + "comment": "" + }, + "outlineSolidDefaultActive": { + "value": "#E0E0E0FF", + "comment": "" + } + }, + "onLight": { + "outlinePrimaryHover": { + "value": "#E8E8E8FF", + "comment": "" + }, + "outlinePrimaryActive": { + "value": "#D9D9D9FF", + "comment": "" + }, + "outlineSecondaryHover": { + "value": "#9E9E9EFF", + "comment": "" + }, + "outlineSecondaryActive": { + "value": "#8F8F8FFF", + "comment": "" + }, + "outlineTertiaryHover": { + "value": "#7A7A7AFF", + "comment": "" + }, + "outlineTertiaryActive": { + "value": "#6B6B6BFF", + "comment": "" + }, + "outlineDefaultHover": { + "value": "#0D0D0DFF", + "comment": "" + }, + "outlineDefaultActive": { + "value": "#030303FF", + "comment": "" + }, + "outlineTransparentPrimary": { + "value": "rgba(8, 8, 8, 0.20)", + "comment": "" + }, + "outlineTransparentPrimaryHover": { + "value": "#08080852", + "comment": "" + }, + "outlineTransparentPrimaryActive": { + "value": "#08080824", + "comment": "" + }, + "outlineTransparentSecondary": { + "value": "rgba(8, 8, 8, 0.40)", + "comment": "" + }, + "outlineTransparentSecondaryHover": { + "value": "#08080885", + "comment": "" + }, + "outlineTransparentSecondaryActive": { + "value": "#08080857", + "comment": "" + }, + "outlineTransparentTertiary": { + "value": "rgba(8, 8, 8, 0.56)", + "comment": "" + }, + "outlineTransparentTertiaryHover": { + "value": "#080808AD", + "comment": "" + }, + "outlineTransparentTertiaryActive": { + "value": "#08080880", + "comment": "" + }, + "outlineAccent": { + "value": "[general.electricBlue.600]", + "comment": "" + }, + "outlineAccentHover": { + "value": "#4886F9FF", + "comment": "" + }, + "outlineAccentActive": { + "value": "#206CF8FF", + "comment": "" + }, + "outlineAccentMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "outlineAccentMinorHover": { + "value": "#A1C1FDFF", + "comment": "" + }, + "outlineAccentMinorActive": { + "value": "#83ADFCFF", + "comment": "" + }, + "outlineTransparentAccent": { + "value": "rgba(42, 114, 248, 0.20)", + "comment": "" + }, + "outlineTransparentAccentHover": { + "value": "#2A72F852", + "comment": "" + }, + "outlineTransparentAccentActive": { + "value": "#2A72F824", + "comment": "" + }, + "outlinePositive": { + "value": "[general.green.500]", + "comment": "" + }, + "outlinePositiveHover": { + "value": "#1DAF37FF", + "comment": "" + }, + "outlinePositiveActive": { + "value": "#18952FFF", + "comment": "" + }, + "outlineWarning": { + "value": "[general.orange.500]", + "comment": "" + }, + "outlineWarningHover": { + "value": "#FB7223FF", + "comment": "" + }, + "outlineWarningActive": { + "value": "#F05B05FF", + "comment": "" + }, + "outlineNegative": { + "value": "[general.red.600]", + "comment": "" + }, + "outlineNegativeHover": { + "value": "#F5384BFF", + "comment": "" + }, + "outlineNegativeActive": { + "value": "#F31228FF", + "comment": "" + }, + "outlineInfoHover": { + "value": "#5D95FDFF", + "comment": "" + }, + "outlineInfoActive": { + "value": "#357BFDFF", + "comment": "" + }, + "outlinePositiveMinor": { + "value": "[general.green.300]", + "comment": "" + }, + "outlinePositiveMinorHover": { + "value": "#36D954FF", + "comment": "" + }, + "outlinePositiveMinorActive": { + "value": "#26C944FF", + "comment": "" + }, + "outlineWarningMinor": { + "value": "[general.orange.300]", + "comment": "" + }, + "outlineWarningMinorHover": { + "value": "#FDA97CFF", + "comment": "" + }, + "outlineWarningMinorActive": { + "value": "#FD965EFF", + "comment": "" + }, + "outlineNegativeMinor": { + "value": "[general.red.300]", + "comment": "" + }, + "outlineNegativeMinorHover": { + "value": "#FFA3ACFF", + "comment": "" + }, + "outlineNegativeMinorActive": { + "value": "#FF8591FF", + "comment": "" + }, + "outlineInfoMinorHover": { + "value": "#A1C1FDFF", + "comment": "" + }, + "outlineInfoMinorActive": { + "value": "#83ADFCFF", + "comment": "" + }, + "outlineTransparentPositive": { + "value": "rgba(26, 158, 50, 0.20)", + "comment": "" + }, + "outlineTransparentPositiveHover": { + "value": "#1A9E3252", + "comment": "" + }, + "outlineTransparentPositiveActive": { + "value": "#1A9E3224", + "comment": "" + }, + "outlineTransparentWarning": { + "value": "rgba(232, 87, 2, 0.20)", + "comment": "" + }, + "outlineTransparentWarningHover": { + "value": "#E8570252", + "comment": "" + }, + "outlineTransparentWarningActive": { + "value": "#E8570224", + "comment": "" + }, + "outlineNegativeTransparent": { + "value": "rgba(243, 27, 49, 0.20)", + "comment": "" + }, + "outlineNegativeTransparentHover": { + "value": "#F31B3152", + "comment": "" + }, + "outlineNegativeTransparentActive": { + "value": "#F31B3124", + "comment": "" + }, + "outlineTransparentInfoHover": { + "value": "#2A72F852", + "comment": "" + }, + "outlineTransparentInfoActive": { + "value": "#2A72F824", + "comment": "" + }, + "outlineInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "outlineInfoMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "outlineTransparentInfo": { + "value": "rgba(42, 114, 248, 0.20)", + "comment": "" + }, + "outlineSolidTertiary": { + "value": "[general.gray.700]", + "comment": "" + }, + "outlineSolidTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidTertiaryActive": { + "value": "#737373FF", + "comment": "" + }, + "outlineSolidDefault": { + "value": "[general.gray.1000]", + "comment": "" + }, + "outlineSolidDefaultHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidDefaultActive": { + "value": "#C7C7C7FF", + "comment": "" + }, + "outlineSolidPrimary": { + "value": "[general.gray.200]", + "comment": "" + }, + "outlineSolidPrimaryHover": { + "value": "#ABABABFF", + "comment": "" + }, + "outlineSolidPrimaryActive": { + "value": "#C4C4C4FF", + "comment": "" + }, + "outlineSolidSecondary": { + "value": "[general.gray.400]", + "comment": "" + }, + "outlineSolidSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidSecondaryActive": { + "value": "#575757FF", + "comment": "" + } + }, + "inverse": { + "outlinePrimaryHover": { + "value": "#ABABABFF", + "comment": "" + }, + "outlinePrimaryActive": { + "value": "#C4C4C4FF", + "comment": "" + }, + "outlineSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSecondaryActive": { + "value": "#575757FF", + "comment": "" + }, + "outlineTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineTertiaryActive": { + "value": "#737373FF", + "comment": "" + }, + "outlineDefaultHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineDefaultActive": { + "value": "#C7C7C7FF", + "comment": "" + }, + "outlineTransparentPrimary": { + "value": "rgba(8,8,8,0.20)", + "comment": "" + }, + "outlineTransparentPrimaryHover": { + "value": "#080808FF", + "comment": "" + }, + "outlineTransparentPrimaryActive": { + "value": "#0808083D", + "comment": "" + }, + "outlineTransparentSecondary": { + "value": "rgba(8,8,8,0.40)", + "comment": "" + }, + "outlineTransparentSecondaryHover": { + "value": "#080808FF", + "comment": "" + }, + "outlineTransparentSecondaryActive": { + "value": "#0808087A", + "comment": "" + }, + "outlineTransparentTertiary": { + "value": "rgba(8,8,8,0.56)", + "comment": "" + }, + "outlineTransparentTertiaryHover": { + "value": "#080808FF", + "comment": "" + }, + "outlineTransparentTertiaryActive": { + "value": "#080808AB", + "comment": "" + }, + "outlineTransparentClear": { + "value": "rgba(255,255,255,0.00)", + "comment": "" + }, + "outlineTransparentClearHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineTransparentClearActive": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineAccent": { + "value": "[general.electricBlue.600]", + "comment": "" + }, + "outlineAccentHover": { + "value": "#79A7FBFF", + "comment": "" + }, + "outlineAccentActive": { + "value": "#0D5FF8FF", + "comment": "" + }, + "outlineAccentMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "outlineAccentMinorHover": { + "value": "#DCE8FEFF", + "comment": "" + }, + "outlineAccentMinorActive": { + "value": "#6FA0FBFF", + "comment": "" + }, + "outlineTransparentAccent": { + "value": "rgba(42,114,248,0.20)", + "comment": "" + }, + "outlineTransparentAccentHover": { + "value": "#2A72F8FF", + "comment": "" + }, + "outlineTransparentAccentActive": { + "value": "#2A72F83D", + "comment": "" + }, + "outlinePositive": { + "value": "[general.green.500]", + "comment": "" + }, + "outlinePositiveHover": { + "value": "#1EB83AFF", + "comment": "" + }, + "outlinePositiveActive": { + "value": "#15842AFF", + "comment": "" + }, + "outlineWarning": { + "value": "[general.orange.500]", + "comment": "" + }, + "outlineWarningHover": { + "value": "#FB7223FF", + "comment": "" + }, + "outlineWarningActive": { + "value": "#DC5304FF", + "comment": "" + }, + "outlineNegative": { + "value": "[general.red.600]", + "comment": "" + }, + "outlineNegativeHover": { + "value": "#F5384BFF", + "comment": "" + }, + "outlineNegativeActive": { + "value": "#E40C22FF", + "comment": "" + }, + "outlineInfo": { + "value": "[general.electricBlue.600]", + "comment": "" + }, + "outlineInfoHover": { + "value": "#79A7FBFF", + "comment": "" + }, + "outlineInfoActive": { + "value": "#0D5FF8FF", + "comment": "" + }, + "outlinePositiveMinor": { + "value": "[general.green.300]", + "comment": "" + }, + "outlinePositiveMinorHover": { + "value": "#3EDA5BFF", + "comment": "" + }, + "outlinePositiveMinorActive": { + "value": "#23B83EFF", + "comment": "" + }, + "outlineWarningMinor": { + "value": "[general.orange.300]", + "comment": "" + }, + "outlineWarningMinorHover": { + "value": "#FDB086FF", + "comment": "" + }, + "outlineWarningMinorActive": { + "value": "#FC884AFF", + "comment": "" + }, + "outlineNegativeMinor": { + "value": "[general.red.300]", + "comment": "" + }, + "outlineNegativeMinorHover": { + "value": "#FFADB6FF", + "comment": "" + }, + "outlineNegativeMinorActive": { + "value": "#FF707EFF", + "comment": "" + }, + "outlineInfoMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "outlineInfoMinorHover": { + "value": "#DCE8FEFF", + "comment": "" + }, + "outlineInfoMinorActive": { + "value": "#6FA0FBFF", + "comment": "" + }, + "outlineTransparentPositive": { + "value": "rgba(26,158,50,0.20)", + "comment": "" + }, + "outlineTransparentPositiveHover": { + "value": "#1A9E32FF", + "comment": "" + }, + "outlineTransparentPositiveActive": { + "value": "#1A9E323D", + "comment": "" + }, + "outlineTransparentWarning": { + "value": "rgba(250,95,5,0.20)", + "comment": "" + }, + "outlineTransparentWarningHover": { + "value": "#FA5F05FF", + "comment": "" + }, + "outlineTransparentWarningActive": { + "value": "#FA5F053D", + "comment": "" + }, + "outlineTransparentNegative": { + "value": "rgba(243,27,49,0.20)", + "comment": "" + }, + "outlineTransparentNegativeHover": { + "value": "#F31B31FF", + "comment": "" + }, + "outlineTransparentNegativeActive": { + "value": "#F31B313D", + "comment": "" + }, + "outlineTransparentInfo": { + "value": "rgba(42,114,248,0.20)", + "comment": "" + }, + "outlineTransparentInfoHover": { + "value": "#2A72F8FF", + "comment": "" + }, + "outlineTransparentInfoActive": { + "value": "#2A72F83D", + "comment": "" + }, + "outlineSolidPrimary": { + "value": "[general.gray.200]", + "comment": "" + }, + "outlineSolidPrimaryHover": { + "value": "#ABABABFF", + "comment": "" + }, + "outlineSolidPrimaryActive": { + "value": "#C4C4C4FF", + "comment": "" + }, + "outlineSolidSecondary": { + "value": "[general.gray.400]", + "comment": "" + }, + "outlineSolidSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidSecondaryActive": { + "value": "#575757FF", + "comment": "" + }, + "outlineSolidTertiary": { + "value": "[general.gray.700]", + "comment": "" + }, + "outlineSolidTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidTertiaryActive": { + "value": "#737373FF", + "comment": "" + }, + "outlineSolidDefault": { + "value": "[general.gray.1000]", + "comment": "" + }, + "outlineSolidDefaultHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidDefaultActive": { + "value": "#C7C7C7FF", + "comment": "" + } + } + }, + "data": { + "default": { + "dataYellow": { + "value": "[general.amber.300]", + "comment": "Желтый цвет для данных" + }, + "dataYellowHover": { + "value": "#F4B22FFF", + "comment": "Желтый цвет для данных" + }, + "dataYellowActive": { + "value": "#EDA20CFF", + "comment": "Желтый цвет для данных" + }, + "dataYellowMinor": { + "value": "[general.amber.700]", + "comment": "Минорный желтый цвет для данных" + }, + "dataYellowMinorHover": { + "value": "#B87A00FF", + "comment": "Минорный желтый цвет для данных" + }, + "dataYellowMinorActive": { + "value": "#996600FF", + "comment": "Минорный желтый цвет для данных" + }, + "dataYellowTransparent": { + "value": "[general.amber.300][-0.44]", + "comment": "Прозрачный желтый цвет для данных" + }, + "dataYellowTransparentHover": { + "value": "#F3A812AD", + "comment": "Прозрачный желтый цвет для данных" + }, + "dataYellowTransparentActive": { + "value": "#F3A81280", + "comment": "Прозрачный желтый цвет для данных" + } + }, + "onDark": { + "dataYellow": { + "value": "[general.amber.300]", + "comment": "Желтый цвет для данных на темном фоне" + }, + "dataYellowHover": { + "value": "#F4B22FFF", + "comment": "Желтый цвет для данных на темном фоне" + }, + "dataYellowActive": { + "value": "#EDA20CFF", + "comment": "Желтый цвет для данных на темном фоне" + }, + "dataYellowMinor": { + "value": "[general.amber.700]", + "comment": "Минорный желтый цвет для данных на темном фоне" + }, + "dataYellowMinorHover": { + "value": "#B87A00FF", + "comment": "Минорный желтый цвет для данных на темном фоне" + }, + "dataYellowMinorActive": { + "value": "#996600FF", + "comment": "Минорный желтый цвет для данных на темном фоне" + }, + "dataYellowTransparent": { + "value": "[general.amber.300][-0.44]", + "comment": "Прозрачный желтый цвет для данных на темном фоне" + }, + "dataYellowTransparentHover": { + "value": "#F3A812AD", + "comment": "Прозрачный желтый цвет для данных на темном фоне" + }, + "dataYellowTransparentActive": { + "value": "#F3A81280", + "comment": "Прозрачный желтый цвет для данных на темном фоне" + } + }, + "onLight": { + "dataYellow": { + "value": "[general.amber.300]", + "comment": "Желтый цвет для данных на светлом фоне" + }, + "dataYellowHover": { + "value": "#F4B22FFF", + "comment": "Желтый цвет для данных на светлом фоне" + }, + "dataYellowActive": { + "value": "#EDA20CFF", + "comment": "Желтый цвет для данных на светлом фоне" + }, + "dataYellowMinor": { + "value": "[general.amber.200]", + "comment": "Минорный желтый цвет для данных на светлом фоне" + }, + "dataYellowMinorHover": { + "value": "#FFDA8FFF", + "comment": "Минорный желтый цвет для данных на светлом фоне" + }, + "dataYellowMinorActive": { + "value": "#FFCF70FF", + "comment": "Минорный желтый цвет для данных на светлом фоне" + }, + "dataYellowTransparent": { + "value": "[general.amber.300][-0.44]", + "comment": "Прозрачный желтый цвет для данных на светлом фоне" + }, + "dataYellowTransparentHover": { + "value": "#F3A812AD", + "comment": "Прозрачный желтый цвет для данных на светлом фоне" + }, + "dataYellowTransparentActive": { + "value": "#F3A81280", + "comment": "Прозрачный желтый цвет для данных на светлом фоне" + } + }, + "inverse": { + "dataYellow": { + "value": "[general.amber.300]", + "comment": "Инвертированный желтый цвет для данных" + }, + "dataYellowHover": { + "value": "#F4B22FFF", + "comment": "Инвертированный желтый цвет для данных" + }, + "dataYellowActive": { + "value": "#EDA20CFF", + "comment": "Инвертированный желтый цвет для данных" + }, + "dataYellowMinor": { + "value": "[general.amber.200]", + "comment": "Инвертированный минорный желтый цвет для данных" + }, + "dataYellowMinorHover": { + "value": "#FFDA8FFF", + "comment": "Инвертированный минорный желтый цвет для данных" + }, + "dataYellowMinorActive": { + "value": "#FFCF70FF", + "comment": "Инвертированный минорный желтый цвет для данных" + }, + "dataYellowTransparent": { + "value": "[general.amber.300][-0.44]", + "comment": "Инвертированный прозрачный желтый цвет для данных" + }, + "dataYellowTransparentHover": { + "value": "#F3A812AD", + "comment": "Инвертированный прозрачный желтый цвет для данных" + }, + "dataYellowTransparentActive": { + "value": "#F3A81280", + "comment": "Инвертированный прозрачный желтый цвет для данных" + } + } + } + }, + "light": { + "text": { + "default": { + "textPrimary": { + "value": "rgba(8, 8, 8, 0.96)", + "comment": "Основной цвет текста", + "enabled": true + }, + "textPrimaryBrightness": { + "value": "#080808F5", + "comment": "Основной цвет текста", + "enabled": true + }, + "textSecondary": { + "value": "rgba(8, 8, 8, 0.56)", + "comment": "Вторичный цвет текста", + "enabled": true + }, + "textTertiary": { + "value": "rgba(8, 8, 8, 0.28)", + "comment": "Третичный цвет текста", + "enabled": true + }, + "textParagraph": { + "value": "rgba(8, 8, 8, 0.8)", + "comment": "Сплошной наборный текст", + "enabled": true + }, + "textAccent": { + "value": "[general.electricBlue.600]", + "comment": "Акцентный цвет", + "enabled": true + }, + "textAccentGradient": { + "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", + "comment": "Акцентный цвет с градиентом", + "enabled": true + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха", + "enabled": true + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения", + "enabled": true + }, + "textNegative": { + "value": "[general.red.600]", + "comment": "Цвет ошибки", + "enabled": true + }, + "textAccentMinorHover": { + "value": "#B4CEFDFF", + "comment": "" + }, + "textAccentMinorActive": { + "value": "#6599FBFF", + "comment": "" + }, + "textInfoHover": { + "value": "#689CFDFF", + "comment": "" + }, + "textInfoActive": { + "value": "#1767FDFF", + "comment": "" + }, + "textPositiveMinorHover": { + "value": "#47DC62FF", + "comment": "" + }, + "textPositiveMinorActive": { + "value": "#21B03CFF", + "comment": "" + }, + "textWarningMinorHover": { + "value": "#FDB790FF", + "comment": "" + }, + "textWarningMinorActive": { + "value": "#FC8240FF", + "comment": "" + }, + "textNegativeMinorHover": { + "value": "#FFB8BFFF", + "comment": "" + }, + "textNegativeMinorActive": { + "value": "#FF6675FF", + "comment": "" + }, + "textInfoMinorHover": { + "value": "#B4CEFDFF", + "comment": "" + }, + "textInfoMinorActive": { + "value": "#6599FBFF", + "comment": "" + }, + "textAccentMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "textPositiveMinor": { + "value": "[general.green.300]", + "comment": "" + }, + "textWarningMinor": { + "value": "[general.orange.300]", + "comment": "" + }, + "textNegativeMinor": { + "value": "[general.red.300]", + "comment": "" + }, + "textInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "textInfoMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "textPrimaryHover": { + "value": "#08080893", + "comment": "Основной цвет текста", + "enabled": true + }, + "textPrimaryActive": { + "value": "#080808C4", + "comment": "Основной цвет текста", + "enabled": true + }, + "textSecondaryHover": { + "value": "#080808FF", + "comment": "Вторичный цвет текста", + "enabled": true + }, + "textSecondaryActive": { + "value": "#080808AB", + "comment": "Вторичный цвет текста", + "enabled": true + }, + "textTertiaryHover": { + "value": "#080808FF", + "comment": "Третичный цвет текста", + "enabled": true + }, + "textTertiaryActive": { + "value": "#08080856", + "comment": "Третичный цвет текста", + "enabled": true + }, + "textParagraphHover": { + "value": "#0808087A", + "comment": "Сплошной наборный текст", + "enabled": true + }, + "textParagraphActive": { + "value": "#080808A3", + "comment": "Сплошной наборный текст", + "enabled": true + }, + "textAccentHover": { + "value": "#528DFAFF", + "comment": "Акцентный цвет", + "enabled": true + }, + "textAccentActive": { + "value": "#075AF2FF", + "comment": "Акцентный цвет", + "enabled": true + }, + "textAccentGradientHover": { + "value": "#000000FF", + "comment": "Акцентный цвет с градиентом", + "enabled": true + }, + "textAccentGradientActive": { + "value": "#CCCCCCFF", + "comment": "Акцентный цвет с градиентом", + "enabled": true + }, + "textPositiveHover": { + "value": "#1FC13DFF", + "comment": "Цвет успеха", + "enabled": true + }, + "textPositiveActive": { + "value": "#147B27FF", + "comment": "Цвет успеха", + "enabled": true + }, + "textWarningHover": { + "value": "#FB782DFF", + "comment": "Цвет предупреждения", + "enabled": true + }, + "textWarningActive": { + "value": "#D25004FF", + "comment": "Цвет предупреждения", + "enabled": true + }, + "textNegativeHover": { + "value": "#F54254FF", + "comment": "Цвет ошибки", + "enabled": true + }, + "textNegativeActive": { + "value": "#DA0B20FF", + "comment": "Цвет ошибки", + "enabled": true + } + }, + "onDark": { + "textPrimary": { + "value": "rgba(255, 255, 255, 0.96)", + "comment": "Основной цвет текста на темном фоне" + }, + "textPrimaryBrightness": { + "value": "#FFFFFFF5", + "comment": "Основной цвет текста на темном фоне" + }, + "textSecondary": { + "value": "rgba(255, 255, 255, 0.56)", + "comment": "Вторичный цвет текста на темном фоне" + }, + "textTertiary": { + "value": "rgba(255, 255, 255, 0.28)", + "comment": "Третичный цвет текста на темном фоне" + }, + "textParagraph": { + "value": "rgba(255, 255, 255, 0.8)", + "comment": "Сплошной наборный текст на темном фоне" + }, + "textAccent": { + "value": "[general.electricBlue.500]", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentGradient": { + "value": "linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)", + "comment": "Акцентный цвет с градиентом на темном фоне" + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на темном фоне" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения на темном фоне" + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Цвет ошибки на темном фоне" + }, + "textAccentMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "textAccentMinorHover": { + "value": "#000000FF", + "comment": "" + }, + "textAccentMinorActive": { + "value": "#113B88FF", + "comment": "" + }, + "textInfoHover": { + "value": "#689CFDFF", + "comment": "" + }, + "textInfoActive": { + "value": "#1767FDFF", + "comment": "" + }, + "textPositiveMinor": { + "value": "[general.green.800]", + "comment": "" + }, + "textPositiveMinorHover": { + "value": "#11A72CFF", + "comment": "" + }, + "textPositiveMinorActive": { + "value": "#0D8222FF", + "comment": "" + }, + "textWarningMinor": { + "value": "[general.orange.800]", + "comment": "" + }, + "textWarningMinorHover": { + "value": "#CD5713FF", + "comment": "" + }, + "textWarningMinorActive": { + "value": "#A84710FF", + "comment": "" + }, + "textNegativeMinor": { + "value": "[general.red.800]", + "comment": "" + }, + "textNegativeMinorHover": { + "value": "#C2192AFF", + "comment": "" + }, + "textNegativeMinorActive": { + "value": "#7A101AFF", + "comment": "" + }, + "textInfoMinorHover": { + "value": "#000000FF", + "comment": "" + }, + "textInfoMinorActive": { + "value": "#113B88FF", + "comment": "" + }, + "textInfoMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "textInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "textPrimaryHover": { + "value": "#FFFFFF93", + "comment": "Основной цвет текста на темном фоне" + }, + "textPrimaryActive": { + "value": "#FFFFFFC4", + "comment": "Основной цвет текста на темном фоне" + }, + "textSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "Вторичный цвет текста на темном фоне" + }, + "textSecondaryActive": { + "value": "#FFFFFFAB", + "comment": "Вторичный цвет текста на темном фоне" + }, + "textTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "Третичный цвет текста на темном фоне" + }, + "textTertiaryActive": { + "value": "#FFFFFF56", + "comment": "Третичный цвет текста на темном фоне" + }, + "textParagraphHover": { + "value": "#FFFFFF7A", + "comment": "Сплошной наборный текст на темном фоне" + }, + "textParagraphActive": { + "value": "#FFFFFFA3", + "comment": "Сплошной наборный текст на темном фоне" + }, + "textAccentHover": { + "value": "#689CFDFF", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentActive": { + "value": "#1767FDFF", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentGradientHover": { + "value": "#000000FF", + "comment": "Акцентный цвет с градиентом на темном фоне" + }, + "textAccentGradientActive": { + "value": "#CCCCCCFF", + "comment": "Акцентный цвет с градиентом на темном фоне" + }, + "textPositiveHover": { + "value": "#1FC13DFF", + "comment": "Цвет успеха на темном фоне" + }, + "textPositiveActive": { + "value": "#147B27FF", + "comment": "Цвет успеха на темном фоне" + }, + "textWarningHover": { + "value": "#FB782DFF", + "comment": "Цвет предупреждения на темном фоне" + }, + "textWarningActive": { + "value": "#D25004FF", + "comment": "Цвет предупреждения на темном фоне" + }, + "textNegativeHover": { + "value": "#FF5263FF", + "comment": "Цвет ошибки на темном фоне" + }, + "textNegativeActive": { + "value": "#FF001AFF", + "comment": "Цвет ошибки на темном фоне" + } + }, + "onLight": { + "textPrimary": { + "value": "rgba(8, 8, 8, 0.96)", + "comment": "Основной цвет текста на светлом фоне" + }, + "textPrimaryBrightness": { + "value": "#080808F5", + "comment": "Основной цвет текста на светлом фоне" + }, + "textSecondary": { + "value": "rgba(8, 8, 8, 0.56)", + "comment": "Вторичный цвет текста на светлом фоне" + }, + "textTertiary": { + "value": "rgba(8, 8, 8, 0.28)", + "comment": "Третичный цвет текста на светлом фоне" + }, + "textParagraph": { + "value": "rgba(8, 8, 8, 0.8)", + "comment": "Сплошной наборный текст на светлом фоне" + }, + "textAccent": { + "value": "[general.electricBlue.600]", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentGradient": { + "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", + "comment": "Акцентный цвет с градиентом на светлом фоне" + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на светлом фоне" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения на светлом фоне" + }, + "textAccentMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "textAccentMinorHover": { + "value": "#B4CEFDFF", + "comment": "" + }, + "textAccentMinorActive": { + "value": "#6599FBFF", + "comment": "" + }, + "textInfoHover": { + "value": "#528DFAFF", + "comment": "" + }, + "textInfoActive": { + "value": "#075AF2FF", + "comment": "" + }, + "textPositiveMinor": { + "value": "[general.green.300]", + "comment": "" + }, + "textPositiveMinorHover": { + "value": "#47DC62FF", + "comment": "" + }, + "textPositiveMinorActive": { + "value": "#21B03CFF", + "comment": "" + }, + "textWarningMinor": { + "value": "[general.orange.300]", + "comment": "" + }, + "textWarningMinorHover": { + "value": "#FDB790FF", + "comment": "" + }, + "textWarningMinorActive": { + "value": "#FC8240FF", + "comment": "" + }, + "textNegativeMinor": { + "value": "[general.red.300]", + "comment": "" + }, + "textNegativeMinorHover": { + "value": "#FFB8BFFF", + "comment": "" + }, + "textNegativeMinorActive": { + "value": "#FF6675FF", + "comment": "" + }, + "textInfoMinorHover": { + "value": "#B4CEFDFF", + "comment": "" + }, + "textInfoMinorActive": { + "value": "#6599FBFF", + "comment": "" + }, + "textNegative": { + "value": "[general.red.600]", + "comment": "Цвет ошибки на светлом фоне" + }, + "textNegativeHover": { + "value": "#F54254FF", + "comment": "Цвет ошибки на светлом фоне" + }, + "textNegativeActive": { + "value": "#DA0B20FF", + "comment": "Цвет ошибки на светлом фоне" + }, + "textInfo": { + "value": "[general.electricBlue.600]", + "comment": "" + }, + "textInfoMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "textPrimaryHover": { + "value": "#08080893", + "comment": "Основной цвет текста на светлом фоне" + }, + "textPrimaryActive": { + "value": "#080808C4", + "comment": "Основной цвет текста на светлом фоне" + }, + "textSecondaryHover": { + "value": "#080808FF", + "comment": "Вторичный цвет текста на светлом фоне" + }, + "textSecondaryActive": { + "value": "#080808AB", + "comment": "Вторичный цвет текста на светлом фоне" + }, + "textTertiaryHover": { + "value": "#080808FF", + "comment": "Третичный цвет текста на светлом фоне" + }, + "textTertiaryActive": { + "value": "#08080856", + "comment": "Третичный цвет текста на светлом фоне" + }, + "textParagraphHover": { + "value": "#0808087A", + "comment": "Сплошной наборный текст на светлом фоне" + }, + "textParagraphActive": { + "value": "#080808A3", + "comment": "Сплошной наборный текст на светлом фоне" + }, + "textAccentHover": { + "value": "#528DFAFF", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentActive": { + "value": "#075AF2FF", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentGradientHover": { + "value": "#000000FF", + "comment": "Акцентный цвет с градиентом на светлом фоне" + }, + "textAccentGradientActive": { + "value": "#CCCCCCFF", + "comment": "Акцентный цвет с градиентом на светлом фоне" + }, + "textPositiveHover": { + "value": "#1FC13DFF", + "comment": "Цвет успеха на светлом фоне" + }, + "textPositiveActive": { + "value": "#147B27FF", + "comment": "Цвет успеха на светлом фоне" + }, + "textWarningHover": { + "value": "#FB782DFF", + "comment": "Цвет предупреждения на светлом фоне" + }, + "textWarningActive": { + "value": "#D25004FF", + "comment": "Цвет предупреждения на светлом фоне" + } + }, + "inverse": { + "textPrimary": { + "value": "rgba(255, 255, 255, 0.96)", + "comment": "Инвертированный основной цвет текста" + }, + "textPrimaryBrightness": { + "value": "#FFFFFFF5", + "comment": "Инвертированный основной цвет текста" + }, + "textSecondary": { + "value": "rgba(255, 255, 255, 0.56)", + "comment": "Инвертированный вторичный цвет текста" + }, + "textTertiary": { + "value": "rgba(255, 255, 255, 0.28)", + "comment": "Инвертированный третичный цвет текста" + }, + "textParagraph": { + "value": "rgba(255, 255, 255, 0.8)", + "comment": "Инвертированный cплошной наборный текст" + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Инвертированный цвет успеха", + "enabled": true + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Инвертированный цвет предупреждения", + "enabled": true + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Инвертированный цвет ошибки", + "enabled": true + }, + "textPrimaryHover": { + "value": "#FFFFFF93", + "comment": "Инвертированный основной цвет текста" + }, + "textPrimaryActive": { + "value": "#FFFFFFC4", + "comment": "Инвертированный основной цвет текста" + }, + "textSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный вторичный цвет текста" + }, + "textSecondaryActive": { + "value": "#FFFFFFAB", + "comment": "Инвертированный вторичный цвет текста" + }, + "textTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный третичный цвет текста" + }, + "textTertiaryActive": { + "value": "#FFFFFF56", + "comment": "Инвертированный третичный цвет текста" + }, + "textParagraphHover": { + "value": "#FFFFFF7A", + "comment": "Инвертированный cплошной наборный текст" + }, + "textParagraphActive": { + "value": "#FFFFFFA3", + "comment": "Инвертированный cплошной наборный текст" + }, + "textAccentHover": { + "value": "#689CFDFF", + "comment": "Инвертированный акцентный цвет", + "enabled": true + }, + "textAccentActive": { + "value": "#1767FDFF", + "comment": "Инвертированный акцентный цвет", + "enabled": true + }, + "textAccentGradientHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный акцентный цвет с градиентом", + "enabled": true + }, + "textAccentGradientActive": { + "value": "#CCCCCCFF", + "comment": "Инвертированный акцентный цвет с градиентом", + "enabled": true + }, + "textPositiveHover": { + "value": "#1FC13DFF", + "comment": "Инвертированный цвет успеха", + "enabled": true + }, + "textPositiveActive": { + "value": "#147B27FF", + "comment": "Инвертированный цвет успеха", + "enabled": true + }, + "textWarningHover": { + "value": "#FB782DFF", + "comment": "Инвертированный цвет предупреждения", + "enabled": true + }, + "textWarningActive": { + "value": "#D25004FF", + "comment": "Инвертированный цвет предупреждения", + "enabled": true + }, + "textNegativeHover": { + "value": "#FF5263FF", + "comment": "Инвертированный цвет ошибки", + "enabled": true + }, + "textNegativeActive": { + "value": "#FF001AFF", + "comment": "Инвертированный цвет ошибки", + "enabled": true + }, + "textAccentMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "textAccentMinorHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "textAccentMinorActive": { + "value": "#113B88FF", + "comment": "" + }, + "textInfoHover": { + "value": "#689CFDFF", + "comment": "" + }, + "textInfoActive": { + "value": "#1767FDFF", + "comment": "" + }, + "textPositiveMinorHover": { + "value": "#11A72CFF", + "comment": "" + }, + "textPositiveMinorActive": { + "value": "#0D8222FF", + "comment": "" + }, + "textWarningMinorHover": { + "value": "#CD5713FF", + "comment": "" + }, + "textWarningMinorActive": { + "value": "#A84710FF", + "comment": "" + }, + "textNegativeMinorHover": { + "value": "#C2192AFF", + "comment": "" + }, + "textNegativeMinorActive": { + "value": "#7A101AFF", + "comment": "" + }, + "textInfoMinorHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "textInfoMinorActive": { + "value": "#113B88FF", + "comment": "" + }, + "textAccent": { + "value": "[general.electricBlue.500]", + "comment": "Инвертированный акцентный цвет", + "enabled": true + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": ["#5E94FF", "#43DBFA"], + "locations": [0, 1], + "startPoint": { + "x": 0, + "y": 0.5 + }, + "endPoint": { + "x": 1, + "y": 0.5 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": ["#5E94FF", "#43DBFA"], + "locations": [0, 1], + "startPoint": { + "x": 0, + "y": 0.5 + }, + "endPoint": { + "x": 1, + "y": 0.5 + } + } + }, + "comment": "Инвертированный акцентный цвет с градиентом", + "enabled": true + }, + "textInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "textPositiveMinor": { + "value": "[general.green.800]", + "comment": "" + }, + "textWarningMinor": { + "value": "[general.orange.800]", + "comment": "" + }, + "textNegativeMinor": { + "value": "[general.red.800]", + "comment": "" + }, + "textInfoMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + } + } + }, + "surface": { + "default": { + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.100]", + "comment": "Основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidPrimaryBrightness": { + "value": "#FFFFFFFF", + "comment": "Основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.150]", + "comment": "Вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.200]", + "comment": "Третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidCard": { + "value": "rgba(255, 255, 255, 1)", + "comment": "Основной фон для карточек" + }, + "surfaceSolidCardBrightness": { + "value": "#FFFFFFFF", + "comment": "Основной фон для карточек" + }, + "surfaceTransparentDefault": { + "value": "[general.gray.1000]", + "comment": "Прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentPrimary": { + "value": "rgba(8, 8, 8, 0.03)", + "comment": "Основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondary": { + "value": "rgba(8, 8, 8, 0.06)", + "comment": "Вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiary": { + "value": "rgba(8, 8, 8, 0.12)", + "comment": "Третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentCard": { + "value": "rgba(255, 255, 255, 1)", + "comment": "Прозрачный фон для карточек" + }, + "surfaceTransparentCardBrightness": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон для карточек" + }, + "surfaceAccent": { + "value": "[general.electricBlue.600]", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", + "comment": "Акцентный фон поверхности/контрола с градиентом" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхности/контрола предупреждение" + }, + "surfaceNegative": { + "value": "[general.red.600]", + "comment": "Цвет фона поверхности/контрола ошибка" + }, + "surfaceClear": { + "value": "rgba(255, 255, 255, 0)", + "comment": "Фон поверхности/контрола без заливки" + }, + "surfaceTransparentDeep": { + "value": "rgba(8, 8, 8, 0.64)", + "comment": "" + }, + "surfaceAccentMinorHover": { + "value": "#F5F8FFFF", + "comment": "" + }, + "surfaceAccentMinorActive": { + "value": "#D6E4FFFF", + "comment": "" + }, + "surfaceTransparentAccentHover": { + "value": "#2A72F80A", + "comment": "" + }, + "surfaceTransparentAccentActive": { + "value": "#2A72F829", + "comment": "" + }, + "surfaceInfoHover": { + "value": "#689CFDFF", + "comment": "" + }, + "surfaceInfoActive": { + "value": "#2B74FDFF", + "comment": "" + }, + "surfacePositiveMinorHover": { + "value": "#B1FBBFFF", + "comment": "" + }, + "surfacePositiveMinorActive": { + "value": "#8BF99FFF", + "comment": "" + }, + "surfaceWarningMinorHover": { + "value": "#FEEFE6FF", + "comment": "" + }, + "surfaceWarningMinorActive": { + "value": "#FEDCC8FF", + "comment": "" + }, + "surfaceNegativeMinorHover": { + "value": "#FFF5F6FF", + "comment": "" + }, + "surfaceNegativeMinorActive": { + "value": "#FFD6DAFF", + "comment": "" + }, + "surfaceInfoMinorHover": { + "value": "#F5F8FFFF", + "comment": "" + }, + "surfaceInfoMinorActive": { + "value": "#D6E4FFFF", + "comment": "" + }, + "surfaceTransparentPositiveHover": { + "value": "#1A9E320A", + "comment": "" + }, + "surfaceTransparentPositiveActive": { + "value": "#1A9E3229", + "comment": "" + }, + "surfaceTransparentWarningHover": { + "value": "#FA5F050A", + "comment": "" + }, + "surfaceTransparentWarningActive": { + "value": "#FA5F0529", + "comment": "" + }, + "surfaceTransparentNegativeHover": { + "value": "#F31B310A", + "comment": "" + }, + "surfaceTransparentNegativeActive": { + "value": "#F31B3129", + "comment": "" + }, + "surfaceTransparentInfoHover": { + "value": "#2A72F80A", + "comment": "" + }, + "surfaceTransparentInfoActive": { + "value": "#2A72F829", + "comment": "" + }, + "surfaceAccentMinor": { + "value": "[general.electricBlue.150]", + "comment": "" + }, + "surfaceTransparentAccent": { + "value": "rgba(42, 114, 248, 0.12)", + "comment": "" + }, + "surfacePositiveMinor": { + "value": "[general.green.150]", + "comment": "" + }, + "surfaceWarningMinor": { + "value": "[general.orange.150]", + "comment": "" + }, + "surfaceNegativeMinor": { + "value": "[general.red.150]", + "comment": "" + }, + "surfaceTransparentPositive": { + "value": "rgba(26, 158, 50, 0.12)", + "comment": "" + }, + "surfaceTransparentWarning": { + "value": "rgba(250, 95, 5, 0.12)", + "comment": "" + }, + "surfaceTransparentNegative": { + "value": "rgba(243, 27, 49, 0.12)", + "comment": "" + }, + "surfaceInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "surfaceInfoMinor": { + "value": "[general.electricBlue.150]", + "comment": "" + }, + "surfaceTransparentInfo": { + "value": "rgba(42, 114, 248, 0.12)", + "comment": "" + }, + "surfaceSolidDefaultHover": { + "value": "#262626FF", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceSolidDefaultActive": { + "value": "#030303FF", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceSolidPrimaryHover": { + "value": "#FAFAFAFF", + "comment": "Основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidPrimaryActive": { + "value": "#F0F0F0FF", + "comment": "Основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondaryHover": { + "value": "#F7F7F7FF", + "comment": "Вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondaryActive": { + "value": "#E8E8E8FF", + "comment": "Вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiaryHover": { + "value": "#EDEDEDFF", + "comment": "Третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiaryActive": { + "value": "#D4D4D4FF", + "comment": "Третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidCardHover": { + "value": "#FFFFFFFF", + "comment": "Основной фон для карточек" + }, + "surfaceSolidCardActive": { + "value": "#FFFFFFFF", + "comment": "Основной фон для карточек" + }, + "surfaceTransparentDefaultHover": { + "value": "#262626FF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentDefaultActive": { + "value": "#030303FF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentPrimaryHover": { + "value": "#08080803", + "comment": "Основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentPrimaryActive": { + "value": "#0808080D", + "comment": "Основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondaryHover": { + "value": "#08080805", + "comment": "Вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondaryActive": { + "value": "#0808081A", + "comment": "Вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiaryHover": { + "value": "#0808080A", + "comment": "Третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiaryActive": { + "value": "#08080829", + "comment": "Третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentCardHover": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон для карточек" + }, + "surfaceTransparentCardActive": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон для карточек" + }, + "surfaceAccentHover": { + "value": "#528DFAFF", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentActive": { + "value": "#1665F8FF", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentGradientHover": { + "value": "#FFFFFFFF", + "comment": "Акцентный фон поверхности/контрола с градиентом" + }, + "surfaceAccentGradientActive": { + "value": "#FFFFFFFF", + "comment": "Акцентный фон поверхности/контрола с градиентом" + }, + "surfacePositiveHover": { + "value": "#1EB83AFF", + "comment": "Цвет успеха" + }, + "surfacePositiveActive": { + "value": "#178C2CFF", + "comment": "Цвет успеха" + }, + "surfaceWarningHover": { + "value": "#FB782DFF", + "comment": "Цвет фона поверхности/контрола предупреждение" + }, + "surfaceWarningActive": { + "value": "#E65705FF", + "comment": "Цвет фона поверхности/контрола предупреждение" + }, + "surfaceNegativeHover": { + "value": "#F54254FF", + "comment": "Цвет фона поверхности/контрола ошибка" + }, + "surfaceNegativeActive": { + "value": "#ED0C23FF", + "comment": "Цвет фона поверхности/контрола ошибка" + }, + "surfaceClearHover": { + "value": "#FFFFFF00", + "comment": "Фон поверхности/контрола без заливки" + }, + "surfaceClearActive": { + "value": "#FFFFFF00", + "comment": "Фон поверхности/контрола без заливки" + }, + "surfaceTransparentDeepHover": { + "value": "#0808088F", + "comment": "" + }, + "surfaceTransparentDeepActive": { + "value": "#080808AD", + "comment": "" + } + }, + "onDark": { + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidPrimaryBrightness": { + "value": "#262626FF", + "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Втор. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Трет. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidCard": { + "value": "[general.gray.950]", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceSolidCardBrightness": { + "value": "#262626FF", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceTransparentDefault": { + "value": "#FFFFFF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", + "enabled": false + }, + "surfaceAccent": { + "value": "[general.electricBlue.500]", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", + "comment": "Акц. фон поверхности/контрола с градиентом на темном фоне" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на темном фоне" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Фон поверхности/контрола без заливки на темном фоне", + "enabled": false + }, + "surfaceTransparentDeep": { + "value": "rgba(255, 255, 255, 0.64)", + "comment": "" + }, + "surfaceAccentMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "surfaceAccentMinorHover": { + "value": "#1956C8FF", + "comment": "" + }, + "surfaceAccentMinorActive": { + "value": "#13429AFF", + "comment": "" + }, + "surfaceTransparentAccent": { + "value": "rgba(63, 129, 253, 0.20)", + "comment": "" + }, + "surfaceTransparentAccentHover": { + "value": "#3F82FD1F", + "comment": "" + }, + "surfaceTransparentAccentActive": { + "value": "#3F82FD3D", + "comment": "" + }, + "surfaceSurfaceInfoHover": { + "value": "#689CFDFF", + "comment": "" + }, + "surfaceSurfaceInfoActive": { + "value": "#2B74FDFF", + "comment": "" + }, + "surfacePositiveMinor": { + "value": "[general.green.900]", + "comment": "" + }, + "surfacePositiveMinorHover": { + "value": "#0E3A16FF", + "comment": "" + }, + "surfacePositiveMinorActive": { + "value": "#061909FF", + "comment": "" + }, + "surfaceWarningMinor": { + "value": "[general.orange.900]", + "comment": "" + }, + "surfaceWarningMinorHover": { + "value": "#58290EFF", + "comment": "" + }, + "surfaceWarningMinorActive": { + "value": "#2C1507FF", + "comment": "" + }, + "surfaceNegativeMinor": { + "value": "[general.red.900]", + "comment": "" + }, + "surfaceNegativeMinorHover": { + "value": "#64121AFF", + "comment": "" + }, + "surfaceNegativeMinorActive": { + "value": "#380A0FFF", + "comment": "" + }, + "surfaceInfoMinorHover": { + "value": "#0A2A67FF", + "comment": "" + }, + "surfaceInfoMinorActive": { + "value": "#061B41FF", + "comment": "" + }, + "surfaceTransparentPositiveHover": { + "value": "#1A9E321F", + "comment": "" + }, + "surfaceTransparentPositiveActive": { + "value": "#1A9E323D", + "comment": "" + }, + "surfaceTransparentWarningHover": { + "value": "#FA5F051F", + "comment": "" + }, + "surfaceTransparentWarningActive": { + "value": "#FA5F053D", + "comment": "" + }, + "surfaceTransparentNegativeHover": { + "value": "#FF293E1F", + "comment": "" + }, + "surfaceTransparentNegativeActive": { + "value": "#FF293E3D", + "comment": "" + }, + "surfaceTransparentInfoHover": { + "value": "#3F82FD1F", + "comment": "" + }, + "surfaceTransparentInfoActive": { + "value": "#3F82FD3D", + "comment": "" + }, + "surfaceSolidDefault": { + "value": "[general.gray.50]", + "comment": "Непр. фон поверхности/контрола по умолчанию на темном фоне" + }, + "surfaceSolidDefaultHover": { + "value": "#FFFFFFFF", + "comment": "Непр. фон поверхности/контрола по умолчанию на темном фоне" + }, + "surfaceSolidDefaultActive": { + "value": "#F5F5F5FF", + "comment": "Непр. фон поверхности/контрола по умолчанию на темном фоне" + }, + "surfaceTransparentPrimary": { + "value": "rgba(255, 255, 255, 0.06)", + "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentPrimaryHover": { + "value": "#FFFFFF05", + "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentPrimaryActive": { + "value": "#FFFFFF1A", + "comment": "Основной прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentSecondary": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "Втор. прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentSecondaryHover": { + "value": "#FFFFFF0A", + "comment": "Втор. прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentSecondaryActive": { + "value": "#FFFFFF29", + "comment": "Втор. прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentTertiary": { + "value": "rgba(255, 255, 255, 0.20)", + "comment": "Трет. прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentTertiaryHover": { + "value": "#FFFFFF1F", + "comment": "Трет. прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentTertiaryActive": { + "value": "#FFFFFF3D", + "comment": "Трет. прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentCard": { + "value": "rgba(255,255,255,0.12)", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceTransparentCardBrightness": { + "value": "#FFFFFF1F", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceTransparentCardHover": { + "value": "#FFFFFF0A", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceTransparentCardActive": { + "value": "#FFFFFF29", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceTransparentPositive": { + "value": "rgba(26, 158, 50, 0.20)", + "comment": "" + }, + "surfaceTransparentWarning": { + "value": "rgba(250, 95, 5, 0.20)", + "comment": "" + }, + "surfaceTransparentNegative": { + "value": "rgba(255, 41, 62, 0.20)", + "comment": "" + }, + "surfaceSurfaceInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "surfaceInfoMinor": { + "value": "[general.electricBlue.900]", + "comment": "" + }, + "surfaceTransparentInfo": { + "value": "rgba(63, 129, 253, 0.20)", + "comment": "" + }, + "surfaceSolidPrimaryHover": { + "value": "#363636FF", + "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidPrimaryActive": { + "value": "#0D0D0DFF", + "comment": "Осн. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidSecondaryHover": { + "value": "#3B3B3BFF", + "comment": "Втор. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidSecondaryActive": { + "value": "#1C1C1CFF", + "comment": "Втор. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidTertiaryHover": { + "value": "#4A4A4AFF", + "comment": "Трет. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidTertiaryActive": { + "value": "#2B2B2BFF", + "comment": "Трет. непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidCardHover": { + "value": "#363636FF", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceSolidCardActive": { + "value": "#0D0D0DFF", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceTransparentDefaultHover": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", + "enabled": false + }, + "surfaceTransparentDefaultActive": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на темном фоне", + "enabled": false + }, + "surfaceAccentHover": { + "value": "#689CFDFF", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentActive": { + "value": "#2B74FDFF", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentGradientHover": { + "value": "#FFFFFFFF", + "comment": "Акц. фон поверхности/контрола с градиентом на темном фоне" + }, + "surfaceAccentGradientActive": { + "value": "#FFFFFFFF", + "comment": "Акц. фон поверхности/контрола с градиентом на темном фоне" + }, + "surfacePositiveHover": { + "value": "#1EB83AFF", + "comment": "Цвет успеха на темном фоне" + }, + "surfacePositiveActive": { + "value": "#178C2CFF", + "comment": "Цвет успеха на темном фоне" + }, + "surfaceWarningHover": { + "value": "#FB782DFF", + "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" + }, + "surfaceWarningActive": { + "value": "#E65705FF", + "comment": "Цвет фона поверхн./контрола предупреждение на темном фоне" + }, + "surfaceNegativeHover": { + "value": "#FF5263FF", + "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfaceNegativeActive": { + "value": "#FF142CFF", + "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfaceClearHover": { + "value": "#00000000", + "comment": "Фон поверхности/контрола без заливки на темном фоне", + "enabled": false + }, + "surfaceClearActive": { + "value": "#00000000", + "comment": "Фон поверхности/контрола без заливки на темном фоне", + "enabled": false + }, + "surfaceTransparentDeepHover": { + "value": "#FFFFFF8F", + "comment": "" + }, + "surfaceTransparentDeepActive": { + "value": "#FFFFFFAD", + "comment": "" + } + }, + "onLight": { + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.100]", + "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidPrimaryBrightness": { + "value": "#FFFFFFFF", + "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.150]", + "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.200]", + "comment": "Трет. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidCard": { + "value": "rgba(255, 255, 255, 1)", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceSolidCardBrightness": { + "value": "#FFFFFFFF", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceTransparentDefault": { + "value": "[general.gray.1000]", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", + "enabled": false + }, + "surfaceTransparentPrimary": { + "value": "rgba(8, 8, 8, 0.03)", + "comment": "Осн. прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentSecondary": { + "value": "rgba(8, 8, 8, 0.06)", + "comment": "Втор. прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentTertiary": { + "value": "rgba(8, 8, 8, 0.12)", + "comment": "Трет. прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentCard": { + "value": "rgba(255, 255, 255, 1)", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceTransparentCardBrightness": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceAccent": { + "value": "[general.electricBlue.600]", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)", + "comment": "Акц. фон поверхности/контрола с градиентом на светлом фоне" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на светлом фоне" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" + }, + "surfaceNegative": { + "value": "[general.red.600]", + "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Фон поверхности/контрола без заливки на светлом фоне", + "enabled": false + }, + "surfaceTransparentDeep": { + "value": "rgba(8, 8, 8, 0.64)", + "comment": "" + }, + "surfaceAccentMinor": { + "value": "[general.electricBlue.150]", + "comment": "" + }, + "surfaceAccentMinorHover": { + "value": "#F5F8FFFF", + "comment": "" + }, + "surfaceAccentMinorActive": { + "value": "#D6E4FFFF", + "comment": "" + }, + "surfaceTransparentAccent": { + "value": "rgba(42, 114, 248, 0.12)", + "comment": "" + }, + "surfaceTransparentAccentHover": { + "value": "#2A72F80A", + "comment": "" + }, + "surfaceTransparentAccentActive": { + "value": "#2A72F829", + "comment": "" + }, + "surfaceInfoHover": { + "value": "#689CFDFF", + "comment": "" + }, + "surfaceInfoActive": { + "value": "#2B74FDFF", + "comment": "" + }, + "surfacePositiveMinor": { + "value": "[general.green.150]", + "comment": "" + }, + "surfacePositiveMinorHover": { + "value": "#B1FBBFFF", + "comment": "" + }, + "surfacePositiveMinorActive": { + "value": "#8BF99FFF", + "comment": "" + }, + "surfaceWarningMinor": { + "value": "[general.orange.150]", + "comment": "" + }, + "surfaceWarningMinorHover": { + "value": "#FEEFE6FF", + "comment": "" + }, + "surfaceWarningMinorActive": { + "value": "#FEDCC8FF", + "comment": "" + }, + "surfaceNegativeMinor": { + "value": "[general.red.150]", + "comment": "" + }, + "surfaceNegativeMinorHover": { + "value": "#FFF5F6FF", + "comment": "" + }, + "surfaceNegativeMinorActive": { + "value": "#FFD6DAFF", + "comment": "" + }, + "surfaceInfoMinorHover": { + "value": "#F5F8FFFF", + "comment": "" + }, + "surfaceInfoMinorActive": { + "value": "#D6E4FFFF", + "comment": "" + }, + "surfaceTransparentPositiveHover": { + "value": "#1A9E320A", + "comment": "" + }, + "surfaceTransparentPositiveActive": { + "value": "#1A9E3229", + "comment": "" + }, + "surfaceTransparentWarningHover": { + "value": "#FA5F050A", + "comment": "" + }, + "surfaceTransparentWarningActive": { + "value": "#FA5F0529", + "comment": "" + }, + "surfaceTransparentNegativeHover": { + "value": "#F31B310A", + "comment": "" + }, + "surfaceTransparentNegativeActive": { + "value": "#F31B3129", + "comment": "" + }, + "surfaceTransparentInfoHover": { + "value": "#2A72F80A", + "comment": "" + }, + "surfaceTransparentInfoActive": { + "value": "#2A72F829", + "comment": "" + }, + "surfaceTransparentPositive": { + "value": "rgba(26, 158, 50, 0.12)", + "comment": "" + }, + "surfaceTransparentWarning": { + "value": "rgba(250, 95, 5, 0.12)", + "comment": "" + }, + "surfaceTransparentNegative": { + "value": "rgba(243, 27, 49, 0.12)", + "comment": "" + }, + "surfaceInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "surfaceInfoMinor": { + "value": "[general.electricBlue.150]", + "comment": "" + }, + "surfaceTransparentInfo": { + "value": "rgba(42, 114, 248, 0.12)", + "comment": "" + }, + "surfaceSolidDefaultHover": { + "value": "#262626FF", + "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceSolidDefaultActive": { + "value": "#030303FF", + "comment": "Непр. фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceSolidPrimaryHover": { + "value": "#FAFAFAFF", + "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidPrimaryActive": { + "value": "#F0F0F0FF", + "comment": "Осн. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidSecondaryHover": { + "value": "#F7F7F7FF", + "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidSecondaryActive": { + "value": "#E8E8E8FF", + "comment": "Втор. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidTertiaryHover": { + "value": "#EDEDEDFF", + "comment": "Трет. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidTertiaryActive": { + "value": "#D4D4D4FF", + "comment": "Трет. непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidCardHover": { + "value": "#FFFFFFFF", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceSolidCardActive": { + "value": "#FFFFFFFF", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceTransparentDefaultHover": { + "value": "#262626FF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", + "enabled": false + }, + "surfaceTransparentDefaultActive": { + "value": "#030303FF", + "comment": "Прозрачный фон поверхности/контрола по умолчанию на светлом фоне", + "enabled": false + }, + "surfaceTransparentPrimaryHover": { + "value": "#08080803", + "comment": "Осн. прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentPrimaryActive": { + "value": "#0808080D", + "comment": "Осн. прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentSecondaryHover": { + "value": "#08080805", + "comment": "Втор. прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentSecondaryActive": { + "value": "#0808081A", + "comment": "Втор. прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentTertiaryHover": { + "value": "#0808080A", + "comment": "Трет. прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentTertiaryActive": { + "value": "#08080829", + "comment": "Трет. прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentCardHover": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceTransparentCardActive": { + "value": "#FFFFFFFF", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceAccentHover": { + "value": "#528DFAFF", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentActive": { + "value": "#1665F8FF", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentGradientHover": { + "value": "#FFFFFFFF", + "comment": "Акц. фон поверхности/контрола с градиентом на светлом фоне" + }, + "surfaceAccentGradientActive": { + "value": "#FFFFFFFF", + "comment": "Акц. фон поверхности/контрола с градиентом на светлом фоне" + }, + "surfacePositiveHover": { + "value": "#1EB83AFF", + "comment": "Цвет успеха на светлом фоне" + }, + "surfacePositiveActive": { + "value": "#178C2CFF", + "comment": "Цвет успеха на светлом фоне" + }, + "surfaceWarningHover": { + "value": "#FB782DFF", + "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" + }, + "surfaceWarningActive": { + "value": "#E65705FF", + "comment": "Цвет фона поверхн./контрола предупреждение на светлом фоне" + }, + "surfaceNegativeHover": { + "value": "#F54254FF", + "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfaceNegativeActive": { + "value": "#ED0C23FF", + "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfaceClearHover": { + "value": "#00000000", + "comment": "Фон поверхности/контрола без заливки на светлом фоне", + "enabled": false + }, + "surfaceClearActive": { + "value": "#00000000", + "comment": "Фон поверхности/контрола без заливки на светлом фоне", + "enabled": false + }, + "surfaceTransparentDeepHover": { + "value": "#0808088F", + "comment": "" + }, + "surfaceTransparentDeepActive": { + "value": "#080808AD", + "comment": "" + } + }, + "inverse": { + "surfaceSolidDefault": { + "value": "#FFFFFF", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", + "enabled": true + }, + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidPrimaryBrightness": { + "value": "#262626FF", + "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidCard": { + "value": "[general.gray.950]", + "comment": "Инвертированный основной фон для карточек", + "enabled": true + }, + "surfaceSolidCardBrightness": { + "value": "#262626FF", + "comment": "Инвертированный основной фон для карточек", + "enabled": true + }, + "surfaceTransparentDefault": { + "value": "#FFFFFF", + "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentPrimary": { + "value": "[general.gray.950]", + "comment": "Инвертированный основной прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentSecondary": { + "value": "[general.gray.900]", + "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentTertiary": { + "value": "[general.gray.850]", + "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentCard": { + "value": "[general.gray.1000]", + "comment": "Инвертированный прозрачный фон для карточек", + "enabled": true + }, + "surfaceTransparentCardBrightness": { + "value": "#171717FF", + "comment": "Инвертированный прозрачный фон для карточек", + "enabled": true + }, + "surfaceAccent": { + "value": "#FFFFFF", + "comment": "Инвертированный акцентный фон поверхности/контрола", + "enabled": true + }, + "surfaceAccentGradient": { + "value": "linear-gradient(135deg, black 0%, #FFFFFF 100%)", + "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", + "enabled": true + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Инвертированный цвет успеха" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Инвертированный цвет фона поверхности/контрола ошибка" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Инвертированный фон поверхности/контрола без заливки", + "enabled": true + }, + "surfaceSolidDefaultHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", + "enabled": true + }, + "surfaceSolidDefaultActive": { + "value": "#FFFFFFFF", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию", + "enabled": true + }, + "surfaceSolidPrimaryHover": { + "value": "#363636FF", + "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidPrimaryActive": { + "value": "#0D0D0DFF", + "comment": "Инвертированный основной непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidSecondaryHover": { + "value": "#3B3B3BFF", + "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidSecondaryActive": { + "value": "#1C1C1CFF", + "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidTertiaryHover": { + "value": "#4A4A4AFF", + "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidTertiaryActive": { + "value": "#2B2B2BFF", + "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceSolidCardHover": { + "value": "#363636FF", + "comment": "Инвертированный основной фон для карточек", + "enabled": true + }, + "surfaceSolidCardActive": { + "value": "#0D0D0DFF", + "comment": "Инвертированный основной фон для карточек", + "enabled": true + }, + "surfaceTransparentDefaultHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentDefaultActive": { + "value": "#FFFFFFFF", + "comment": "Инвертированный прозрачный фон поверхности/контрола по умолчанию", + "enabled": false + }, + "surfaceTransparentPrimaryHover": { + "value": "#363636FF", + "comment": "Инвертированный основной прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentPrimaryActive": { + "value": "#0D0D0DFF", + "comment": "Инвертированный основной прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentSecondaryHover": { + "value": "#3B3B3BFF", + "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentSecondaryActive": { + "value": "#1C1C1CFF", + "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentTertiaryHover": { + "value": "#4A4A4AFF", + "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentTertiaryActive": { + "value": "#2B2B2BFF", + "comment": "Инвертированный третичный прозрачный фон поверхности/контрола", + "enabled": true + }, + "surfaceTransparentCardHover": { + "value": "#262626FF", + "comment": "Инвертированный прозрачный фон для карточек", + "enabled": true + }, + "surfaceTransparentCardActive": { + "value": "#030303FF", + "comment": "Инвертированный прозрачный фон для карточек", + "enabled": true + }, + "surfaceAccentHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный акцентный фон поверхности/контрола", + "enabled": true + }, + "surfaceAccentActive": { + "value": "#FFFFFFFF", + "comment": "Инвертированный акцентный фон поверхности/контрола", + "enabled": true + }, + "surfaceAccentGradientHover": { + "value": "#FFFFFFFF", + "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", + "enabled": true + }, + "surfaceAccentGradientActive": { + "value": "#FFFFFFFF", + "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом", + "enabled": true + }, + "surfacePositiveHover": { + "value": "#1EB83AFF", + "comment": "Инвертированный цвет успеха", + "enabled": false + }, + "surfacePositiveActive": { + "value": "#178C2CFF", + "comment": "Инвертированный цвет успеха", + "enabled": false + }, + "surfaceWarningHover": { + "value": "#FB782DFF", + "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", + "enabled": false + }, + "surfaceWarningActive": { + "value": "#E65705FF", + "comment": "Инвертированный цвет фона поверхности/контрола предупреждение", + "enabled": false + }, + "surfaceNegativeHover": { + "value": "#FF5263FF", + "comment": "Инвертированный цвет фона поверхности/контрола ошибка", + "enabled": false + }, + "surfaceNegativeActive": { + "value": "#FF142CFF", + "comment": "Инвертированный цвет фона поверхности/контрола ошибка", + "enabled": false + }, + "surfaceClearHover": { + "value": "#00000000", + "comment": "Инвертированный фон поверхности/контрола без заливки", + "enabled": true + }, + "surfaceClearActive": { + "value": "#00000000", + "comment": "Инвертированный фон поверхности/контрола без заливки", + "enabled": true + }, + "surfaceTransparentDeep": { + "value": "rgba(8,8,8,0.64)", + "comment": "" + }, + "surfaceTransparentDeepHover": { + "value": "#0808088F", + "comment": "" + }, + "surfaceTransparentDeepActive": { + "value": "#080808AD", + "comment": "" + }, + "surfaceAccentMinor": { + "value": "[general.electricBlue.150]", + "comment": "" + }, + "surfaceAccentMinorHover": { + "value": "#F5F8FFFF", + "comment": "" + }, + "surfaceAccentMinorActive": { + "value": "#D6E4FFFF", + "comment": "" + }, + "surfaceTransparentAccent": { + "value": "rgba(42,114,248,0.12)", + "comment": "" + }, + "surfaceTransparentAccentHover": { + "value": "#2A72F80A", + "comment": "" + }, + "surfaceTransparentAccentActive": { + "value": "#2A72F829", + "comment": "" + }, + "surfaceInfo": { + "value": "[general.electricBlue.600]", + "comment": "" + }, + "surfaceInfoHover": { + "value": "#528DFAFF", + "comment": "" + }, + "surfaceInfoActive": { + "value": "#1665F8FF", + "comment": "" + }, + "surfacePositiveMinor": { + "value": "[general.green.150]", + "comment": "" + }, + "surfacePositiveMinorHover": { + "value": "#B1FBBFFF", + "comment": "" + }, + "surfacePositiveMinorActive": { + "value": "#8BF99FFF", + "comment": "" + }, + "surfaceWarningMinor": { + "value": "[general.orange.150]", + "comment": "" + }, + "surfaceWarningMinorHover": { + "value": "#FEEFE6FF", + "comment": "" + }, + "surfaceWarningMinorActive": { + "value": "#FEDCC8FF", + "comment": "" + }, + "surfaceNegativeMinor": { + "value": "[general.red.150]", + "comment": "" + }, + "surfaceNegativeMinorHover": { + "value": "#FFF5F6FF", + "comment": "" + }, + "surfaceNegativeMinorActive": { + "value": "#FFD6DAFF", + "comment": "" + }, + "surfaceInfoMinor": { + "value": "[general.electricBlue.150]", + "comment": "" + }, + "surfaceInfoMinorHover": { + "value": "#F5F8FFFF", + "comment": "" + }, + "surfaceInfoMinorActive": { + "value": "#D6E4FFFF", + "comment": "" + }, + "surfaceTransparentPositive": { + "value": "rgba(26,158,50,0.12)", + "comment": "" + }, + "surfaceTransparentPositiveHover": { + "value": "#1A9E320A", + "comment": "" + }, + "surfaceTransparentPositiveActive": { + "value": "#1A9E3229", + "comment": "" + }, + "surfaceTransparentWarning": { + "value": "rgba(250,95,5,0.12)", + "comment": "" + }, + "surfaceTransparentWarningHover": { + "value": "#FA5F050A", + "comment": "" + }, + "surfaceTransparentWarningActive": { + "value": "#FA5F0529", + "comment": "" + }, + "surfaceTransparentNegative": { + "value": "rgba(243,27,49,0.12)", + "comment": "" + }, + "surfaceTransparentNegativeHover": { + "value": "#F31B310A", + "comment": "" + }, + "surfaceTransparentNegativeActive": { + "value": "#F31B3129", + "comment": "" + }, + "surfaceTransparentInfo": { + "value": "rgba(42,114,248,0.12)", + "comment": "" + }, + "surfaceTransparentInfoHover": { + "value": "#2A72F80A", + "comment": "" + }, + "surfaceTransparentInfoActive": { + "value": "#2A72F829", + "comment": "" + } + } + }, + "background": { + "default": { + "backgroundPrimary": { + "value": "[general.gray.50]", + "comment": "Основной фон" + }, + "backgroundPrimaryBrightness": { + "value": "#F9F9F9", + "comment": "Основной фон" + }, + "backgroundSecondary": { + "value": "#FFFFFF", + "comment": "Вторичный фон", + "enabled": false + }, + "backgroundTertiary": { + "value": "#FFFFFF", + "comment": "Третичный фон", + "enabled": false + } + }, + "dark": { + "backgroundPrimary": { + "value": "[general.gray.1000]", + "comment": "Основной фон на темном фоне" + }, + "backgroundSecondary": { + "value": "[general.gray.1000]", + "comment": "Вторичный фон на темном фоне", + "enabled": false + }, + "backgroundTertiary": { + "value": "[general.gray.950]", + "comment": "Третичный фон на темном фоне", + "enabled": false + } + }, + "light": { + "backgroundPrimary": { + "value": "[general.gray.50]", + "comment": "Основной фон на светлом фоне" + }, + "backgroundSecondary": { + "value": "#FFFFFF", + "comment": "Вторичный фон на светлом фоне", + "enabled": false + }, + "backgroundTertiary": { + "value": "#FFFFFF", + "comment": "Третичный фон на светлом фоне", + "enabled": false + } + }, + "inverse": { + "backgroundPrimaryBrightness": { + "value": "#0F0F0F", + "comment": "Инвертированный основной фон", + "enabled": true + }, + "backgroundSecondary": { + "value": "[general.gray.1000]", + "comment": "Инвертированный вторичный фон", + "enabled": false + }, + "backgroundTertiary": { + "value": "[general.gray.950]", + "comment": "Инвертированный третичный фон", + "enabled": false + }, + "backgroundPrimary": { + "value": "[general.gray.1000]", + "comment": "Инвертированный основной фон", + "enabled": true + } + } + }, + "overlay": { + "default": { + "overlaySoft": { + "value": "rgba(249, 249, 249, 0.56)", + "comment": "Цвет фона паранжи светлый" + }, + "overlayHard": { + "value": "rgba(249, 249, 249, 0.96)", + "comment": "Цвет фона паранжи темный" + }, + "overlayBlur": { + "value": "rgba(249, 249, 249, 0.28)", + "comment": "" + } + }, + "onDark": { + "overlaySoft": { + "value": "rgba(8, 8, 8, 0.56)", + "comment": "Цвет фона паранжи светлый на темном фоне" + }, + "overlayHard": { + "value": "rgba(8, 8, 8, 0.96)", + "comment": "Цвет фона паранжи темный на темном фоне" + }, + "overlayBlur": { + "value": "rgba(8, 8, 8, 0.28)", + "comment": "" + } + }, + "onLight": { + "overlaySoft": { + "value": "rgba(249, 249, 249, 0.56)", + "comment": "Цвет фона паранжи светлый на светлом фоне" + }, + "overlayHard": { + "value": "rgba(249, 249, 249, 0.96)", + "comment": "Цвет фона паранжи темный на светлом фоне" + }, + "overlayBlur": { + "value": "rgba(249, 249, 249, 0.28)", + "comment": "" + } + }, + "inverse": { + "overlayHard": { + "value": "rgba(8,8,8,0.96)", + "comment": "Инвертированный цвет фона паранжи темный", + "enabled": true + }, + "overlaySoft": { + "value": "rgba(8,8,8,0.56)", + "comment": "Инвертированный цвет фона паранжи светлый", + "enabled": true + }, + "overlayBlur": { + "value": "rgba(8,8,8,0.28)", + "comment": "" + } + } + }, + "outline": { + "default": { + "outlineSecondaryHover": { + "value": "#A3A3A3FF", + "comment": "" + }, + "outlineSecondaryActive": { + "value": "#8A8A8AFF", + "comment": "" + }, + "outlineTertiaryHover": { + "value": "#858585FF", + "comment": "" + }, + "outlineTertiaryActive": { + "value": "#666666FF", + "comment": "" + }, + "outlineDefaultHover": { + "value": "#262626FF", + "comment": "" + }, + "outlineDefaultActive": { + "value": "#030303FF", + "comment": "" + }, + "outlineTransparentPrimaryHover": { + "value": "#0808081F", + "comment": "" + }, + "outlineTransparentPrimaryActive": { + "value": "#0808083D", + "comment": "" + }, + "outlineTransparentSecondaryHover": { + "value": "#08080852", + "comment": "" + }, + "outlineTransparentSecondaryActive": { + "value": "#08080870", + "comment": "" + }, + "outlineTransparentTertiaryHover": { + "value": "#0808087A", + "comment": "" + }, + "outlineTransparentTertiaryActive": { + "value": "#08080899", + "comment": "" + }, + "outlineTransparentClearHover": { + "value": "#FFFFFF00", + "comment": "" + }, + "outlineTransparentClearActive": { + "value": "#FFFFFF00", + "comment": "" + }, + "outlineAccentHover": { + "value": "#528DFAFF", + "comment": "" + }, + "outlineAccentActive": { + "value": "#1665F8FF", + "comment": "" + }, + "outlineAccentMinorHover": { + "value": "#A1C1FDFF", + "comment": "" + }, + "outlineAccentMinorActive": { + "value": "#79A7FCFF", + "comment": "" + }, + "outlineTransparentAccentHover": { + "value": "#2A72F81F", + "comment": "" + }, + "outlineTransparentAccentActive": { + "value": "#2A72F83D", + "comment": "" + }, + "outlinePositiveHover": { + "value": "#1EB83AFF", + "comment": "" + }, + "outlinePositiveActive": { + "value": "#178C2CFF", + "comment": "" + }, + "outlineWarningHover": { + "value": "#FB782DFF", + "comment": "" + }, + "outlineWarningActive": { + "value": "#E65705FF", + "comment": "" + }, + "outlineNegativeHover": { + "value": "#F54254FF", + "comment": "" + }, + "outlineNegativeActive": { + "value": "#ED0C23FF", + "comment": "" + }, + "outlineInfoHover": { + "value": "#689CFDFF", + "comment": "" + }, + "outlineInfoActive": { + "value": "#2B74FDFF", + "comment": "" + }, + "outlinePositiveMinorHover": { + "value": "#36D954FF", + "comment": "" + }, + "outlinePositiveMinorActive": { + "value": "#25C141FF", + "comment": "" + }, + "outlineWarningMinorHover": { + "value": "#FDA97CFF", + "comment": "" + }, + "outlineWarningMinorActive": { + "value": "#FC8F54FF", + "comment": "" + }, + "outlineNegativeMinorHover": { + "value": "#FFA3ACFF", + "comment": "" + }, + "outlineNegativeMinorActive": { + "value": "#FF7A88FF", + "comment": "" + }, + "outlineInfoMinorHover": { + "value": "#A1C1FDFF", + "comment": "" + }, + "outlineInfoMinorActive": { + "value": "#79A7FCFF", + "comment": "" + }, + "outlineTransparentPositiveHover": { + "value": "#1A9E321F", + "comment": "" + }, + "outlineTransparentPositiveActive": { + "value": "#1A9E323D", + "comment": "" + }, + "outlineTransparentWarningHover": { + "value": "#FA5F051F", + "comment": "" + }, + "outlineTransparentWarningActive": { + "value": "#FA5F053D", + "comment": "" + }, + "outlineNegativeTransparentHover": { + "value": "#000000FF", + "comment": "" + }, + "outlineNegativeTransparentActive": { + "value": "#CCCCCCFF", + "comment": "" + }, + "outlineTransparentInfoHover": { + "value": "#2A72F81F", + "comment": "" + }, + "outlineTransparentInfoActive": { + "value": "#2A72F83D", + "comment": "" + }, + "outlinePrimaryHover": { + "value": "#EDEDEDFF", + "comment": "" + }, + "outlinePrimaryActive": { + "value": "#D4D4D4FF", + "comment": "" + }, + "outlineTransparentPrimary": { + "value": "rgba(8, 8, 8, 0.20)", + "comment": "" + }, + "outlineTransparentSecondary": { + "value": "rgba(8, 8, 8, 0.40)", + "comment": "" + }, + "outlineTransparentTertiary": { + "value": "rgba(8, 8, 8, 0.56)", + "comment": "" + }, + "outlineTransparentClear": { + "value": "rgba(255, 255, 255, 0.00)", + "comment": "" + }, + "outlineAccent": { + "value": "[general.electricBlue.600]", + "comment": "" + }, + "outlineAccentMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "outlineTransparentAccent": { + "value": "rgba(42, 114, 248, 0.20)", + "comment": "" + }, + "outlinePositive": { + "value": "[general.green.500]", + "comment": "" + }, + "outlineWarning": { + "value": "[general.orange.500]", + "comment": "" + }, + "outlineNegative": { + "value": "[general.red.600]", + "comment": "" + }, + "outlinePositiveMinor": { + "value": "[general.green.300]", + "comment": "" + }, + "outlineWarningMinor": { + "value": "[general.orange.300]", + "comment": "" + }, + "outlineNegativeMinor": { + "value": "[general.red.300]", + "comment": "" + }, + "outlineTransparentPositive": { + "value": "rgba(26, 158, 50, 0.20)", + "comment": "" + }, + "outlineTransparentWarning": { + "value": "rgba(250, 95, 5, 0.20)", + "comment": "" + }, + "outlineTransparentNegative": { + "value": "rgba(243, 27, 49, 0.20)", + "comment": "" + }, + "outlineTransparentNegativeHover": { + "value": "#F31B311F", + "comment": "" + }, + "outlineTransparentNegativeActive": { + "value": "#F31B313D", + "comment": "" + }, + "outlineInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "outlineInfoMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "outlineTransparentInfo": { + "value": "rgba(42, 114, 248, 0.20)", + "comment": "" + }, + "outlineSolidPrimaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidPrimaryActive": { + "value": "#B3B3B3FF", + "comment": "" + }, + "outlineSolidSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidSecondaryActive": { + "value": "#757575FF", + "comment": "" + }, + "outlineSolidTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidTertiaryActive": { + "value": "#595959FF", + "comment": "" + }, + "outlineSolidDefaultHover": { + "value": "#595959FF", + "comment": "" + }, + "outlineSolidDefaultActive": { + "value": "#303030FF", + "comment": "" + }, + "outlineSolidPrimary": { + "value": "[general.gray.200]", + "comment": "" + }, + "outlineSolidSecondary": { + "value": "[general.gray.400]", + "comment": "" + }, + "outlineSolidTertiary": { + "value": "[general.gray.700]", + "comment": "" + }, + "outlineSolidDefault": { + "value": "[general.gray.1000]", + "comment": "" + } + }, + "onDark": { + "outlineSecondaryHover": { + "value": "#636363FF", + "comment": "" + }, + "outlineSecondaryActive": { + "value": "#454545FF", + "comment": "" + }, + "outlineTertiaryHover": { + "value": "#858585FF", + "comment": "" + }, + "outlineTertiaryActive": { + "value": "#666666FF", + "comment": "" + }, + "outlineDefaultHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineDefaultActive": { + "value": "#F5F5F5FF", + "comment": "" + }, + "outlineTransparentPrimary": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "" + }, + "outlineTransparentPrimaryHover": { + "value": "#FFFFFF0A", + "comment": "" + }, + "outlineTransparentPrimaryActive": { + "value": "#FFFFFF29", + "comment": "" + }, + "outlineTransparentSecondary": { + "value": "rgba(255, 255, 255, 0.20)", + "comment": "" + }, + "outlineTransparentSecondaryHover": { + "value": "#FFFFFF1F", + "comment": "" + }, + "outlineTransparentSecondaryActive": { + "value": "#FFFFFF3D", + "comment": "" + }, + "outlineTransparentTertiary": { + "value": "rgba(255, 255, 255, 0.40)", + "comment": "" + }, + "outlineTransparentTertiaryHover": { + "value": "#FFFFFF52", + "comment": "" + }, + "outlineTransparentTertiaryActive": { + "value": "#FFFFFF70", + "comment": "" + }, + "outlineAccent": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "outlineAccentHover": { + "value": "#689CFDFF", + "comment": "" + }, + "outlineAccentActive": { + "value": "#2B74FDFF", + "comment": "" + }, + "outlineAccentMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "outlineAccentMinorHover": { + "value": "#1956C8FF", + "comment": "" + }, + "outlineAccentMinorActive": { + "value": "#13429AFF", + "comment": "" + }, + "outlineTransparentAccent": { + "value": "rgba(63, 129, 253, 0.28)", + "comment": "" + }, + "outlineTransparentAccentHover": { + "value": "#3F82FD33", + "comment": "" + }, + "outlineTransparentAccentActive": { + "value": "#3F82FD52", + "comment": "" + }, + "outlinePositive": { + "value": "[general.green.400]", + "comment": "" + }, + "outlinePositiveHover": { + "value": "#28C344FF", + "comment": "" + }, + "outlinePositiveActive": { + "value": "#21A138FF", + "comment": "" + }, + "outlineWarning": { + "value": "[general.orange.400]", + "comment": "" + }, + "outlineWarningHover": { + "value": "#FF8B4DFF", + "comment": "" + }, + "outlineWarningActive": { + "value": "#FF630FFF", + "comment": "" + }, + "outlineNegative": { + "value": "[general.red.400]", + "comment": "" + }, + "outlineNegativeHover": { + "value": "#FF6675FF", + "comment": "" + }, + "outlineNegativeActive": { + "value": "#FF293EFF", + "comment": "" + }, + "outlineInfoHover": { + "value": "#7AA9FFFF", + "comment": "" + }, + "outlineInfoActive": { + "value": "#3D81FFFF", + "comment": "" + }, + "outlinePositiveMinor": { + "value": "[general.orange.800]", + "comment": "" + }, + "outlinePositiveMinorHover": { + "value": "#95400EFF", + "comment": "" + }, + "outlinePositiveMinorActive": { + "value": "#70300AFF", + "comment": "" + }, + "outlineWarningMinor": { + "value": "[general.orange.800]", + "comment": "" + }, + "outlineWarningMinorHover": { + "value": "#95400EFF", + "comment": "" + }, + "outlineWarningMinorActive": { + "value": "#70300AFF", + "comment": "" + }, + "outlineNegativeMinor": { + "value": "[general.red.800]", + "comment": "" + }, + "outlineNegativeMinorHover": { + "value": "#B91828FF", + "comment": "" + }, + "outlineNegativeMinorActive": { + "value": "#8C121EFF", + "comment": "" + }, + "outlineInfoMinorHover": { + "value": "#1956C8FF", + "comment": "" + }, + "outlineInfoMinorActive": { + "value": "#13429AFF", + "comment": "" + }, + "outlineTransparentPositive": { + "value": "rgba(26, 158, 50, 0.28)", + "comment": "" + }, + "outlineTransparentPositiveHover": { + "value": "#1A9E3233", + "comment": "" + }, + "outlineTransparentPositiveActive": { + "value": "#1A9E3252", + "comment": "" + }, + "outlineTransparentWarning": { + "value": "rgba(250, 95, 5, 0.28)", + "comment": "" + }, + "outlineTransparentWarningHover": { + "value": "#FA5F0533", + "comment": "" + }, + "outlineTransparentWarningActive": { + "value": "#FA5F0552", + "comment": "" + }, + "outlineNegativeTransparent": { + "value": "rgba(255, 41, 62, 0.28)", + "comment": "" + }, + "outlineNegativeTransparentHover": { + "value": "#FF293E33", + "comment": "" + }, + "outlineNegativeTransparentActive": { + "value": "#FF293E52", + "comment": "" + }, + "outlineTransparentInfoHover": { + "value": "#3F82FD33", + "comment": "" + }, + "outlineTransparentInfoActive": { + "value": "#3F82FD52", + "comment": "" + }, + "outlinePrimaryHover": { + "value": "#3B3B3BFF", + "comment": "" + }, + "outlinePrimaryActive": { + "value": "#1C1C1CFF", + "comment": "" + }, + "outlineInfo": { + "value": "[general.electricBlue.400]", + "comment": "" + }, + "outlineInfoMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "outlineTransparentInfo": { + "value": "rgba(63, 129, 253, 0.28)", + "comment": "" + }, + "outlineSolidPrimary": { + "value": "[general.gray.900]", + "comment": "" + }, + "outlineSolidPrimaryHover": { + "value": "#787878FF", + "comment": "" + }, + "outlineSolidPrimaryActive": { + "value": "#4F4F4FFF", + "comment": "" + }, + "outlineSolidSecondary": { + "value": "[general.gray.800]", + "comment": "" + }, + "outlineSolidSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidSecondaryActive": { + "value": "#404040FF", + "comment": "" + }, + "outlineSolidTertiary": { + "value": "[general.gray.700]", + "comment": "" + }, + "outlineSolidTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidTertiaryActive": { + "value": "#595959FF", + "comment": "" + }, + "outlineSolidDefault": { + "value": "[general.gray.50]", + "comment": "" + }, + "outlineSolidDefaultHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidDefaultActive": { + "value": "#C7C7C7FF", + "comment": "" + } + }, + "onLight": { + "outlineSecondaryHover": { + "value": "#A3A3A3FF", + "comment": "" + }, + "outlineSecondaryActive": { + "value": "#8A8A8AFF", + "comment": "" + }, + "outlineTertiaryHover": { + "value": "#858585FF", + "comment": "" + }, + "outlineTertiaryActive": { + "value": "#666666FF", + "comment": "" + }, + "outlineDefaultHover": { + "value": "#262626FF", + "comment": "" + }, + "outlineDefaultActive": { + "value": "#030303FF", + "comment": "" + }, + "outlineTransparentPrimary": { + "value": "rgba(8, 8, 8, 0.20)", + "comment": "" + }, + "outlineTransparentPrimaryHover": { + "value": "#0808081F", + "comment": "" + }, + "outlineTransparentPrimaryActive": { + "value": "#0808083D", + "comment": "" + }, + "outlineTransparentSecondary": { + "value": "rgba(8, 8, 8, 0.40)", + "comment": "" + }, + "outlineTransparentSecondaryHover": { + "value": "#08080852", + "comment": "" + }, + "outlineTransparentSecondaryActive": { + "value": "#08080870", + "comment": "" + }, + "outlineTransparentTertiary": { + "value": "rgba(8, 8, 8, 0.56)", + "comment": "" + }, + "outlineTransparentTertiaryHover": { + "value": "#0808087A", + "comment": "" + }, + "outlineTransparentTertiaryActive": { + "value": "#08080899", + "comment": "" + }, + "outlineAccent": { + "value": "[general.electricBlue.600]", + "comment": "" + }, + "outlineAccentHover": { + "value": "#528DFAFF", + "comment": "" + }, + "outlineAccentActive": { + "value": "#1665F8FF", + "comment": "" + }, + "outlineAccentMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "outlineAccentMinorHover": { + "value": "#A1C1FDFF", + "comment": "" + }, + "outlineAccentMinorActive": { + "value": "#79A7FCFF", + "comment": "" + }, + "outlineTransparentAccent": { + "value": "rgba(42, 114, 248, 0.20)", + "comment": "" + }, + "outlineTransparentAccentHover": { + "value": "#2A72F81F", + "comment": "" + }, + "outlineTransparentAccentActive": { + "value": "#2A72F83D", + "comment": "" + }, + "outlinePositive": { + "value": "[general.green.500]", + "comment": "" + }, + "outlinePositiveHover": { + "value": "#1EB83AFF", + "comment": "" + }, + "outlinePositiveActive": { + "value": "#178C2CFF", + "comment": "" + }, + "outlineWarning": { + "value": "[general.orange.500]", + "comment": "" + }, + "outlineWarningHover": { + "value": "#FB782DFF", + "comment": "" + }, + "outlineWarningActive": { + "value": "#E65705FF", + "comment": "" + }, + "outlineNegative": { + "value": "[general.red.600]", + "comment": "" + }, + "outlineNegativeHover": { + "value": "#F54254FF", + "comment": "" + }, + "outlineNegativeActive": { + "value": "#ED0C23FF", + "comment": "" + }, + "outlineInfoHover": { + "value": "#689CFDFF", + "comment": "" + }, + "outlineInfoActive": { + "value": "#2B74FDFF", + "comment": "" + }, + "outlinePositiveMinor": { + "value": "[general.green.300]", + "comment": "" + }, + "outlinePositiveMinorHover": { + "value": "#36D954FF", + "comment": "" + }, + "outlinePositiveMinorActive": { + "value": "#25C141FF", + "comment": "" + }, + "outlineWarningMinor": { + "value": "[general.orange.300]", + "comment": "" + }, + "outlineWarningMinorHover": { + "value": "#FDA97CFF", + "comment": "" + }, + "outlineWarningMinorActive": { + "value": "#FC8F54FF", + "comment": "" + }, + "outlineNegativeMinor": { + "value": "[general.red.300]", + "comment": "" + }, + "outlineNegativeMinorHover": { + "value": "#FFA3ACFF", + "comment": "" + }, + "outlineNegativeMinorActive": { + "value": "#FF7A88FF", + "comment": "" + }, + "outlineInfoMinorHover": { + "value": "#A1C1FDFF", + "comment": "" + }, + "outlineInfoMinorActive": { + "value": "#79A7FCFF", + "comment": "" + }, + "outlineTransparentPositive": { + "value": "rgba(26, 158, 50, 0.20)", + "comment": "" + }, + "outlineTransparentPositiveHover": { + "value": "#1A9E321F", + "comment": "" + }, + "outlineTransparentPositiveActive": { + "value": "#1A9E323D", + "comment": "" + }, + "outlineTransparentWarning": { + "value": "rgba(232, 87, 2, 0.20)", + "comment": "" + }, + "outlineTransparentWarningHover": { + "value": "#E857021F", + "comment": "" + }, + "outlineTransparentWarningActive": { + "value": "#E857023D", + "comment": "" + }, + "outlineNegativeTransparent": { + "value": "rgba(243, 27, 49, 0.20)", + "comment": "" + }, + "outlineNegativeTransparentHover": { + "value": "#F31B311F", + "comment": "" + }, + "outlineNegativeTransparentActive": { + "value": "#F31B313D", + "comment": "" + }, + "outlineTransparentInfoHover": { + "value": "#2A72F81F", + "comment": "" + }, + "outlineTransparentInfoActive": { + "value": "#2A72F83D", + "comment": "" + }, + "outlinePrimaryHover": { + "value": "#EDEDEDFF", + "comment": "" + }, + "outlinePrimaryActive": { + "value": "#D4D4D4FF", + "comment": "" + }, + "outlineInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "outlineInfoMinor": { + "value": "[general.electricBlue.300]", + "comment": "" + }, + "outlineTransparentInfo": { + "value": "rgba(42, 114, 248, 0.20)", + "comment": "" + }, + "outlineSolidTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidTertiaryActive": { + "value": "#595959FF", + "comment": "" + }, + "outlineSolidDefaultHover": { + "value": "#595959FF", + "comment": "" + }, + "outlineSolidDefaultActive": { + "value": "#303030FF", + "comment": "" + }, + "outlineSolidPrimaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidPrimaryActive": { + "value": "#B3B3B3FF", + "comment": "" + }, + "outlineSolidSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidSecondaryActive": { + "value": "#757575FF", + "comment": "" + }, + "outlineSolidPrimary": { + "value": "[general.gray.200]", + "comment": "" + }, + "outlineSolidSecondary": { + "value": "[general.gray.400]", + "comment": "" + }, + "outlineSolidTertiary": { + "value": "[general.gray.700]", + "comment": "" + }, + "outlineSolidDefault": { + "value": "[general.gray.1000]", + "comment": "" + } + }, + "inverse": { + "outlinePrimaryHover": { + "value": "#787878FF", + "comment": "" + }, + "outlinePrimaryActive": { + "value": "#4F4F4FFF", + "comment": "" + }, + "outlineSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSecondaryActive": { + "value": "#404040FF", + "comment": "" + }, + "outlineTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineTertiaryActive": { + "value": "#595959FF", + "comment": "" + }, + "outlineDefaultHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineDefaultActive": { + "value": "#C7C7C7FF", + "comment": "" + }, + "outlineTransparentPrimaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineTransparentPrimaryActive": { + "value": "#FFFFFF25", + "comment": "" + }, + "outlineTransparentSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineTransparentSecondaryActive": { + "value": "#FFFFFF3D", + "comment": "" + }, + "outlineTransparentTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineTransparentTertiaryActive": { + "value": "#FFFFFF7A", + "comment": "" + }, + "outlineTransparentClearHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineTransparentClearActive": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineAccentHover": { + "value": "#689CFDFF", + "comment": "" + }, + "outlineAccentActive": { + "value": "#1767FDFF", + "comment": "" + }, + "outlineAccentMinorHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineAccentMinorActive": { + "value": "#113B88FF", + "comment": "" + }, + "outlineTransparentAccentHover": { + "value": "#3F82FDFF", + "comment": "" + }, + "outlineTransparentAccentActive": { + "value": "#3F82FD56", + "comment": "" + }, + "outlinePositiveHover": { + "value": "#2BD44AFF", + "comment": "" + }, + "outlinePositiveActive": { + "value": "#1D9032FF", + "comment": "" + }, + "outlineWarningHover": { + "value": "#FF8B4DFF", + "comment": "" + }, + "outlineWarningActive": { + "value": "#FA5700FF", + "comment": "" + }, + "outlineNegativeHover": { + "value": "#FF6675FF", + "comment": "" + }, + "outlineNegativeActive": { + "value": "#FF142CFF", + "comment": "" + }, + "outlineInfoHover": { + "value": "#689CFDFF", + "comment": "" + }, + "outlineInfoActive": { + "value": "#1767FDFF", + "comment": "" + }, + "outlinePositiveMinorHover": { + "value": "#11A72CFF", + "comment": "" + }, + "outlinePositiveMinorActive": { + "value": "#0D8222FF", + "comment": "" + }, + "outlineWarningMinorHover": { + "value": "#CD5713FF", + "comment": "" + }, + "outlineWarningMinorActive": { + "value": "#A84710FF", + "comment": "" + }, + "outlineNegativeMinorHover": { + "value": "#C2192AFF", + "comment": "" + }, + "outlineNegativeMinorActive": { + "value": "#7A101AFF", + "comment": "" + }, + "outlineInfoMinorHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineInfoMinorActive": { + "value": "#113B88FF", + "comment": "" + }, + "outlineTransparentPositiveHover": { + "value": "#1A9E32FF", + "comment": "" + }, + "outlineTransparentPositiveActive": { + "value": "#1A9E3256", + "comment": "" + }, + "outlineTransparentWarningHover": { + "value": "#FA5F05FF", + "comment": "" + }, + "outlineTransparentWarningActive": { + "value": "#FA5F0556", + "comment": "" + }, + "outlineTransparentNegativeHover": { + "value": "#FF293EFF", + "comment": "" + }, + "outlineTransparentNegativeActive": { + "value": "#FF293E56", + "comment": "" + }, + "outlineTransparentInfoHover": { + "value": "#3F82FDFF", + "comment": "" + }, + "outlineTransparentInfoActive": { + "value": "#3F82FD56", + "comment": "" + }, + "outlineTransparentPrimary": { + "value": "rgba(255,255,255,0.12)", + "comment": "" + }, + "outlineTransparentSecondary": { + "value": "rgba(255,255,255,0.20)", + "comment": "" + }, + "outlineTransparentTertiary": { + "value": "rgba(255,255,255,0.40)", + "comment": "" + }, + "outlineTransparentClear": { + "value": "rgba(255,255,255,0.00)", + "comment": "" + }, + "outlineAccent": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "outlineAccentMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "outlineTransparentAccent": { + "value": "rgba(63,129,253,0.28)", + "comment": "" + }, + "outlinePositive": { + "value": "[general.green.400]", + "comment": "" + }, + "outlineWarning": { + "value": "[general.orange.400]", + "comment": "" + }, + "outlineNegative": { + "value": "[general.red.400]", + "comment": "" + }, + "outlineInfo": { + "value": "[general.electricBlue.500]", + "comment": "" + }, + "outlinePositiveMinor": { + "value": "[general.green.800]", + "comment": "" + }, + "outlineWarningMinor": { + "value": "[general.orange.800]", + "comment": "" + }, + "outlineNegativeMinor": { + "value": "[general.red.800]", + "comment": "" + }, + "outlineInfoMinor": { + "value": "[general.electricBlue.800]", + "comment": "" + }, + "outlineTransparentPositive": { + "value": "rgba(26,158,50,0.28)", + "comment": "" + }, + "outlineTransparentWarning": { + "value": "rgba(250,95,5,0.28)", + "comment": "" + }, + "outlineTransparentNegative": { + "value": "rgba(255,41,62,0.28)", + "comment": "" + }, + "outlineTransparentInfo": { + "value": "rgba(63,129,253,0.28)", + "comment": "" + }, + "outlineSolidPrimaryHover": { + "value": "#787878FF", + "comment": "" + }, + "outlineSolidPrimaryActive": { + "value": "#4F4F4FFF", + "comment": "" + }, + "outlineSolidSecondaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidSecondaryActive": { + "value": "#404040FF", + "comment": "" + }, + "outlineSolidTertiaryHover": { + "value": "#FFFFFFFF", + "comment": "" + }, + "outlineSolidTertiaryActive": { + "value": "#595959FF", + "comment": "" + }, + "outlineSolidDefaultHover": { + "value": "#595959FF", + "comment": "" + }, + "outlineSolidDefaultActive": { + "value": "#303030FF", + "comment": "" + }, + "outlineSolidPrimary": { + "value": "[general.gray.900]", + "comment": "" + }, + "outlineSolidSecondary": { + "value": "[general.gray.800]", + "comment": "" + }, + "outlineSolidTertiary": { + "value": "[general.gray.700]", + "comment": "" + }, + "outlineSolidDefault": { + "value": "[general.gray.1000]", + "comment": "" + } + } + }, + "data": { + "default": { + "dataYellow": { + "value": "[general.amber.300]", + "comment": "Желтый цвет для данных" + }, + "dataYellowHover": { + "value": "#F5B638FF", + "comment": "Желтый цвет для данных" + }, + "dataYellowActive": { + "value": "#E49C0CFF", + "comment": "Желтый цвет для данных" + }, + "dataYellowMinor": { + "value": "[general.amber.200]", + "comment": "Минорный желтый цвет для данных" + }, + "dataYellowMinorHover": { + "value": "#FFDA8FFF", + "comment": "Минорный желтый цвет для данных" + }, + "dataYellowMinorActive": { + "value": "#FFCC66FF", + "comment": "Минорный желтый цвет для данных" + }, + "dataYellowTransparent": { + "value": "[general.amber.300][-0.44]", + "comment": "Прозрачный желтый цвет для данных" + }, + "dataYellowTransparentHover": { + "value": "#F3A8127A", + "comment": "Прозрачный желтый цвет для данных" + }, + "dataYellowTransparentActive": { + "value": "#F3A81299", + "comment": "Прозрачный желтый цвет для данных" + } + }, + "onDark": { + "dataYellow": { + "value": "[general.amber.300]", + "comment": "Желтый цвет для данных на темном фоне" + }, + "dataYellowHover": { + "value": "#F5B638FF", + "comment": "Желтый цвет для данных на темном фоне" + }, + "dataYellowActive": { + "value": "#E49C0CFF", + "comment": "Желтый цвет для данных на темном фоне" + }, + "dataYellowMinor": { + "value": "[general.amber.700]", + "comment": "Минорный желтый цвет для данных на темном фоне" + }, + "dataYellowMinorHover": { + "value": "#B87A00FF", + "comment": "Минорный желтый цвет для данных на темном фоне" + }, + "dataYellowMinorActive": { + "value": "#8F5F00FF", + "comment": "Минорный желтый цвет для данных на темном фоне" + }, + "dataYellowTransparent": { + "value": "[general.amber.300][-0.44]", + "comment": "Прозрачный желтый цвет для данных на темном фоне" + }, + "dataYellowTransparentHover": { + "value": "#F3A8127A", + "comment": "Прозрачный желтый цвет для данных на темном фоне" + }, + "dataYellowTransparentActive": { + "value": "#F3A81299", + "comment": "Прозрачный желтый цвет для данных на темном фоне" + } + }, + "onLight": { + "dataYellow": { + "value": "[general.amber.300]", + "comment": "Желтый цвет для данных на светлом фоне" + }, + "dataYellowHover": { + "value": "#F5B638FF", + "comment": "Желтый цвет для данных на светлом фоне" + }, + "dataYellowActive": { + "value": "#E49C0CFF", + "comment": "Желтый цвет для данных на светлом фоне" + }, + "dataYellowMinor": { + "value": "[general.amber.200]", + "comment": "Минорный желтый цвет для данных на светлом фоне" + }, + "dataYellowMinorHover": { + "value": "#FFDA8FFF", + "comment": "Минорный желтый цвет для данных на светлом фоне" + }, + "dataYellowMinorActive": { + "value": "#FFCC66FF", + "comment": "Минорный желтый цвет для данных на светлом фоне" + }, + "dataYellowTransparent": { + "value": "[general.amber.300][-0.44]", + "comment": "Прозрачный желтый цвет для данных на светлом фоне" + }, + "dataYellowTransparentHover": { + "value": "#F3A8127A", + "comment": "Прозрачный желтый цвет для данных на светлом фоне" + }, + "dataYellowTransparentActive": { + "value": "#F3A81299", + "comment": "Прозрачный желтый цвет для данных на светлом фоне" + } + }, + "inverse": { + "dataYellow": { + "value": "[general.amber.300]", + "comment": "Инвертированный желтый цвет для данных" + }, + "dataYellowHover": { + "value": "#F5B638FF", + "comment": "Инвертированный желтый цвет для данных" + }, + "dataYellowActive": { + "value": "#E49C0CFF", + "comment": "Инвертированный желтый цвет для данных" + }, + "dataYellowMinor": { + "value": "[general.amber.700]", + "comment": "Инвертированный минорный желтый цвет для данных" + }, + "dataYellowMinorHover": { + "value": "#B87A00FF", + "comment": "Инвертированный минорный желтый цвет для данных" + }, + "dataYellowMinorActive": { + "value": "#8F5F00FF", + "comment": "Инвертированный минорный желтый цвет для данных" + }, + "dataYellowTransparent": { + "value": "[general.amber.300][-0.44]", + "comment": "Инвертированный прозрачный желтый цвет для данных" + }, + "dataYellowTransparentHover": { + "value": "#F3A8127A", + "comment": "Инвертированный прозрачный желтый цвет для данных" + }, + "dataYellowTransparentActive": { + "value": "#F3A81299", + "comment": "Инвертированный прозрачный желтый цвет для данных" + } + } + } + }, + "shadow": { + "down": { + "soft": { + "s": { + "value": [ + { + "origin": "0px 4px 14px -4px rgba(8, 8, 8, 0.08)", + "android": { + "color": "#08080814", + "offsetX": 0, + "offsetY": 4.0, + "spreadRadius": -4.0, + "blurRadius": 14.0, + "fallbackElevation": 2.0 + } + }, + { + "origin": "0px 1px 4px -1px rgba(0, 0, 0, 0.04)", + "android": { + "color": "#0000000A", + "offsetX": 0, + "offsetY": 1.0, + "spreadRadius": -1.0, + "blurRadius": 4.0 + } + } + ] + }, + "m": { + "value": [ + { + "origin": "0px 24px 48px -8px rgba(0, 0, 0, 0.08)", + "android": { + "color": "#00000014", + "offsetX": 0, + "offsetY": 24.0, + "spreadRadius": -8.0, + "blurRadius": 48.0, + "fallbackElevation": 4.0 + } + } + ] + }, + "l": { + "value": [ + { + "origin": "0px 60px 112px -8px rgba(0, 0, 0, 0.08)", + "android": { + "color": "#00000014", + "offsetX": 0, + "offsetY": 60.0, + "spreadRadius": -8.0, + "blurRadius": 112.0, + "fallbackElevation": 6.0 + } + } + ] + } + }, + "hard": { + "s": { + "value": [ + { + "origin": "0px 4px 12px -3px rgba(8, 8, 8, 0.16)", + "android": { + "color": "#08080829", + "offsetX": 0, + "offsetY": 4.0, + "spreadRadius": -3.0, + "blurRadius": 12.0, + "fallbackElevation": 2.0 + } + }, + { + "origin": "0px 1px 4px -2px rgba(0, 0, 0, 0.08)", + "android": { + "color": "#00000014", + "offsetX": 0, + "offsetY": 1.0, + "spreadRadius": -2.0, + "blurRadius": 4.0 + } + } + ] + }, + "m": { + "value": [ + { + "origin": "0px 16px 32px -8px rgba(0, 0, 0, 0.24)", + "android": { + "color": "#0000003D", + "offsetX": 0, + "offsetY": 16.0, + "spreadRadius": -8.0, + "blurRadius": 32.0, + "fallbackElevation": 4.0 + } + } + ] + }, + "l": { + "value": [ + { + "origin": "0px 60px 112px -8px rgba(0, 0, 0, 0.40)", + "android": { + "color": "#00000066", + "offsetX": 0, + "offsetY": 60.0, + "spreadRadius": -8.0, + "blurRadius": 112.0, + "fallbackElevation": 6.0 + } + } + ] + } + } + }, + "up": { + "soft": { + "s": { + "value": [ + { + "origin": "0px -4px 14px -4px rgba(8, 8, 8, 0.08)", + "android": { + "color": "#08080814", + "offsetX": 0, + "offsetY": -4.0, + "spreadRadius": -4.0, + "blurRadius": 14.0 + } + }, + { + "origin": "0px -1px 4px -1px rgba(0, 0, 0, 0.03)", + "android": { + "color": "#00000008", + "offsetX": 0, + "offsetY": -1.0, + "spreadRadius": -1.0, + "blurRadius": 4.0 + } + } + ] + }, + "m": { + "value": [ + { + "origin": "0px -24px 48px -8px rgba(0, 0, 0, 0.08)", + "android": { + "color": "#00000014", + "offsetX": 0, + "offsetY": -24.0, + "spreadRadius": -8.0, + "blurRadius": 48.0 + } + } + ] + }, + "l": { + "value": [ + { + "origin": "0px -60px 112px -8px rgba(0, 0, 0, 0.08)", + "android": { + "color": "#00000014", + "offsetX": 0, + "offsetY": -60.0, + "spreadRadius": -8.0, + "blurRadius": 112.0 + } + } + ] + } + }, + "hard": { + "s": { + "value": [ + { + "origin": "0px -4px 12px -3px rgba(8, 8, 8, 0.20)", + "android": { + "color": "#08080833", + "offsetX": 0, + "offsetY": -4.0, + "spreadRadius": -3.0, + "blurRadius": 12.0 + } + }, + { + "origin": "0px -1px 4px -1px rgba(0, 0, 0, 0.03)", + "android": { + "color": "#00000008", + "offsetX": 0, + "offsetY": -1.0, + "spreadRadius": -1.0, + "blurRadius": 4.0 + } + } + ] + }, + "m": { + "value": [ + { + "origin": "0px -16px 32px -8px rgba(0, 0, 0, 0.24)", + "android": { + "color": "#0000003D", + "offsetX": 0, + "offsetY": -16.0, + "spreadRadius": -8.0, + "blurRadius": 32.0 + } + } + ] + }, + "l": { + "value": [ + { + "origin": "0px -60px 112px -8px rgba(0, 0, 0, 0.40)", + "android": { + "color": "#00000066", + "offsetX": 0, + "offsetY": -60.0, + "spreadRadius": -8.0, + "blurRadius": 112.0 + } + } + ] + } + } + } + } +} diff --git a/packages/plasma-tokens/src/brands/plasma_b2c_ACTUAL_TYPOGRAPHY/index.ts b/packages/plasma-tokens/src/brands/plasma_b2c_ACTUAL_TYPOGRAPHY/index.ts new file mode 100644 index 0000000000..d37439898a --- /dev/null +++ b/packages/plasma-tokens/src/brands/plasma_b2c_ACTUAL_TYPOGRAPHY/index.ts @@ -0,0 +1,2237 @@ +// Generated by robots, do not change this manually! + +/** Основной цвет текста */ +export const textPrimary = 'var(--text-primary, rgba(255, 255, 255, 0.96))'; + +/** Основной цвет текста */ +export const textPrimaryBrightness = 'var(--text-primary-brightness, #FFFFFFF5)'; + +/** Вторичный цвет текста */ +export const textSecondary = 'var(--text-secondary, rgba(255, 255, 255, 0.56))'; + +/** Третичный цвет текста */ +export const textTertiary = 'var(--text-tertiary, rgba(255, 255, 255, 0.28))'; + +/** Сплошной наборный текст */ +export const textParagraph = 'var(--text-paragraph, rgba(255, 255, 255, 0.8))'; + +/** Акцентный цвет */ +export const textAccent = 'var(--text-accent, #3F81FD)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))'; + +/** Цвет успеха */ +export const textPositive = 'var(--text-positive, #1A9E32)'; + +/** Цвет предупреждения */ +export const textWarning = 'var(--text-warning, #FA5F05)'; + +/** Цвет ошибки */ +export const textNegative = 'var(--text-negative, #FF293E)'; + +export const textAccentMinor = 'var(--text-accent-minor, #1549AB)'; + +export const textAccentMinorHover = 'var(--text-accent-minor-hover, #FFFFFFFF)'; + +export const textAccentMinorActive = 'var(--text-accent-minor-active, #1C62E3FF)'; + +export const textInfoHover = 'var(--text-info-hover, #90B6FEFF)'; + +export const textInfoActive = 'var(--text-info-active, #216EFDFF)'; + +export const textPositiveMinor = 'var(--text-positive-minor, #095C18)'; + +export const textPositiveMinorHover = 'var(--text-positive-minor-hover, #0F9527FF)'; + +export const textPositiveMinorActive = 'var(--text-positive-minor-active, #0C7920FF)'; + +export const textWarningMinor = 'var(--text-warning-minor, #85380C)'; + +export const textWarningMinorHover = 'var(--text-warning-minor-hover, #BB4F11FF)'; + +export const textWarningMinorActive = 'var(--text-warning-minor-active, #9F440FFF)'; + +export const textNegativeMinor = 'var(--text-negative-minor, #9C1422)'; + +export const textNegativeMinorHover = 'var(--text-negative-minor-hover, #B91828FF)'; + +export const textNegativeMinorActive = 'var(--text-negative-minor-active, #83111CFF)'; + +export const textInfoMinorHover = 'var(--text-info-minor-hover, #FFFFFFFF)'; + +export const textInfoMinorActive = 'var(--text-info-minor-active, #1C62E3FF)'; + +export const textInfo = 'var(--text-info, #3F81FD)'; + +export const textInfoMinor = 'var(--text-info-minor, #1549AB)'; + +/** Основной цвет текста */ +export const textPrimaryHover = 'var(--text-primary-hover, #FFFFFF93)'; + +/** Основной цвет текста */ +export const textPrimaryActive = 'var(--text-primary-active, #FFFFFFC4)'; + +/** Вторичный цвет текста */ +export const textSecondaryHover = 'var(--text-secondary-hover, #FFFFFFFF)'; + +/** Вторичный цвет текста */ +export const textSecondaryActive = 'var(--text-secondary-active, #FFFFFFAB)'; + +/** Третичный цвет текста */ +export const textTertiaryHover = 'var(--text-tertiary-hover, #FFFFFFFF)'; + +/** Третичный цвет текста */ +export const textTertiaryActive = 'var(--text-tertiary-active, #FFFFFF56)'; + +/** Сплошной наборный текст */ +export const textParagraphHover = 'var(--text-paragraph-hover, #FFFFFF7A)'; + +/** Сплошной наборный текст */ +export const textParagraphActive = 'var(--text-paragraph-active, #FFFFFFA3)'; + +/** Акцентный цвет */ +export const textAccentHover = 'var(--text-accent-hover, #90B6FEFF)'; + +/** Акцентный цвет */ +export const textAccentActive = 'var(--text-accent-active, #216EFDFF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientHover = 'var(--text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradientActive = 'var(--text-accent-gradient-active, #E6E6E6FF)'; + +/** Цвет успеха */ +export const textPositiveHover = 'var(--text-positive-hover, #1EB83AFF)'; + +/** Цвет успеха */ +export const textPositiveActive = 'var(--text-positive-active, #15842AFF)'; + +/** Цвет предупреждения */ +export const textWarningHover = 'var(--text-warning-hover, #FB7223FF)'; + +/** Цвет предупреждения */ +export const textWarningActive = 'var(--text-warning-active, #DC5304FF)'; + +/** Цвет ошибки */ +export const textNegativeHover = 'var(--text-negative-hover, #FF475AFF)'; + +/** Цвет ошибки */ +export const textNegativeActive = 'var(--text-negative-active, #FF0A23FF)'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(255, 255, 255, 0.96))'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #FFFFFFF5)'; + +/** Вторичный цвет текста на темном фоне */ +export const onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(255, 255, 255, 0.56))'; + +/** Третичный цвет текста на темном фоне */ +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(255, 255, 255, 0.28))'; + +/** Сплошной наборный текст на темном фоне */ +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(255, 255, 255, 0.8))'; + +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccent = 'var(--on-dark-text-accent, #3F81FD)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradient = + 'var(--on-dark-text-accent-gradient, linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))'; + +/** Цвет успеха на темном фоне */ +export const onDarkTextPositive = 'var(--on-dark-text-positive, #1A9E32)'; + +/** Цвет предупреждения на темном фоне */ +export const onDarkTextWarning = 'var(--on-dark-text-warning, #FA5F05)'; + +/** Цвет ошибки на темном фоне */ +export const onDarkTextNegative = 'var(--on-dark-text-negative, #FF293E)'; + +export const onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #1549AB)'; + +export const onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #FFFFFFFF)'; + +export const onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #1C62E3FF)'; + +export const onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #90B6FEFF)'; + +export const onDarkTextInfoActive = 'var(--on-dark-text-info-active, #216EFDFF)'; + +export const onDarkTextPositiveMinor = 'var(--on-dark-text-positive-minor, #095C18)'; + +export const onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #0F9527FF)'; + +export const onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #0C7920FF)'; + +export const onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #85380C)'; + +export const onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #BB4F11FF)'; + +export const onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #9F440FFF)'; + +export const onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422)'; + +export const onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #B91828FF)'; + +export const onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #83111CFF)'; + +export const onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #FFFFFFFF)'; + +export const onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #1C62E3FF)'; + +export const onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #1549AB)'; + +export const onDarkTextInfo = 'var(--on-dark-text-info, #3F81FD)'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF93)'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFC4)'; + +/** Вторичный цвет текста на темном фоне */ +export const onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #FFFFFFFF)'; + +/** Вторичный цвет текста на темном фоне */ +export const onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #FFFFFFAB)'; + +/** Третичный цвет текста на темном фоне */ +export const onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #FFFFFFFF)'; + +/** Третичный цвет текста на темном фоне */ +export const onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #FFFFFF56)'; + +/** Сплошной наборный текст на темном фоне */ +export const onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #FFFFFF7A)'; + +/** Сплошной наборный текст на темном фоне */ +export const onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #FFFFFFA3)'; + +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #90B6FEFF)'; + +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #216EFDFF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #E6E6E6FF)'; + +/** Цвет успеха на темном фоне */ +export const onDarkTextPositiveHover = 'var(--on-dark-text-positive-hover, #1EB83AFF)'; + +/** Цвет успеха на темном фоне */ +export const onDarkTextPositiveActive = 'var(--on-dark-text-positive-active, #15842AFF)'; + +/** Цвет предупреждения на темном фоне */ +export const onDarkTextWarningHover = 'var(--on-dark-text-warning-hover, #FB7223FF)'; + +/** Цвет предупреждения на темном фоне */ +export const onDarkTextWarningActive = 'var(--on-dark-text-warning-active, #DC5304FF)'; + +/** Цвет ошибки на темном фоне */ +export const onDarkTextNegativeHover = 'var(--on-dark-text-negative-hover, #FF475AFF)'; + +/** Цвет ошибки на темном фоне */ +export const onDarkTextNegativeActive = 'var(--on-dark-text-negative-active, #FF0A23FF)'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimary = 'var(--on-light-text-primary, rgba(8, 8, 8, 0.96))'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #080808F5)'; + +/** Вторичный цвет текста на светлом фоне */ +export const onLightTextSecondary = 'var(--on-light-text-secondary, rgba(8, 8, 8, 0.56))'; + +/** Третичный цвет текста на светлом фоне */ +export const onLightTextTertiary = 'var(--on-light-text-tertiary, rgba(8, 8, 8, 0.28))'; + +/** Сплошной наборный текст на светлом фоне */ +export const onLightTextParagraph = 'var(--on-light-text-paragraph, rgba(8, 8, 8, 0.8))'; + +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccent = 'var(--on-light-text-accent, #2A72F8)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradient = + 'var(--on-light-text-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))'; + +/** Цвет успеха на светлом фоне */ +export const onLightTextPositive = 'var(--on-light-text-positive, #1A9E32)'; + +/** Цвет предупреждения на светлом фоне */ +export const onLightTextWarning = 'var(--on-light-text-warning, #FA5F05)'; + +export const onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #8BB2FC)'; + +export const onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #DCE8FEFF)'; + +export const onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #6FA0FBFF)'; + +export const onLightTextInfoHover = 'var(--on-light-text-info-hover, #79A7FBFF)'; + +export const onLightTextInfoActive = 'var(--on-light-text-info-active, #0D5FF8FF)'; + +export const onLightTextPositiveMinor = 'var(--on-light-text-positive-minor, #28D247)'; + +export const onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #3EDA5BFF)'; + +export const onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #23B83EFF)'; + +export const onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #FD9C68)'; + +export const onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #FDB086FF)'; + +export const onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #FC884AFF)'; + +export const onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #FF8F9A)'; + +export const onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #FFADB6FF)'; + +export const onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #FF707EFF)'; + +export const onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #DCE8FEFF)'; + +export const onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #6FA0FBFF)'; + +/** Цвет ошибки на светлом фоне */ +export const onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F5384BFF)'; + +/** Цвет ошибки на светлом фоне */ +export const onLightTextNegativeActive = 'var(--on-light-text-negative-active, #E40C22FF)'; + +/** Цвет ошибки на светлом фоне */ +export const onLightTextNegative = 'var(--on-light-text-negative, #F31B31)'; + +export const onLightTextInfo = 'var(--on-light-text-info, #2A72F8)'; + +export const onLightTextInfoMinor = 'var(--on-light-text-info-minor, #8BB2FC)'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #08080893)'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #080808C4)'; + +/** Вторичный цвет текста на светлом фоне */ +export const onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #080808FF)'; + +/** Вторичный цвет текста на светлом фоне */ +export const onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #080808AB)'; + +/** Третичный цвет текста на светлом фоне */ +export const onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #080808FF)'; + +/** Третичный цвет текста на светлом фоне */ +export const onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #08080856)'; + +/** Сплошной наборный текст на светлом фоне */ +export const onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #0808087A)'; + +/** Сплошной наборный текст на светлом фоне */ +export const onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #080808A3)'; + +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79A7FBFF)'; + +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccentActive = 'var(--on-light-text-accent-active, #0D5FF8FF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)'; + +/** Цвет успеха на светлом фоне */ +export const onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #1EB83AFF)'; + +/** Цвет успеха на светлом фоне */ +export const onLightTextPositiveActive = 'var(--on-light-text-positive-active, #15842AFF)'; + +/** Цвет предупреждения на светлом фоне */ +export const onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FB7223FF)'; + +/** Цвет предупреждения на светлом фоне */ +export const onLightTextWarningActive = 'var(--on-light-text-warning-active, #DC5304FF)'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimary = 'var(--inverse-text-primary, rgba(8, 8, 8, 0.96))'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #080808F5)'; + +/** Инвертированный вторичный цвет текста */ +export const inverseTextSecondary = 'var(--inverse-text-secondary, rgba(8, 8, 8, 0.56))'; + +/** Инвертированный третичный цвет текста */ +export const inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(8, 8, 8, 0.28))'; + +/** Инвертированный cплошной наборный текст */ +export const inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(8, 8, 8, 0.8))'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #08080893)'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #080808C4)'; + +/** Инвертированный вторичный цвет текста */ +export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #080808FF)'; + +/** Инвертированный вторичный цвет текста */ +export const inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #080808AB)'; + +/** Инвертированный третичный цвет текста */ +export const inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #080808FF)'; + +/** Инвертированный третичный цвет текста */ +export const inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #08080856)'; + +/** Инвертированный cплошной наборный текст */ +export const inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #0808087A)'; + +/** Инвертированный cплошной наборный текст */ +export const inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #080808A3)'; + +/** Инвертированный акцентный цвет */ +export const inverseTextAccentHover = 'var(--inverse-text-accent-hover, #79A7FBFF)'; + +/** Инвертированный акцентный цвет */ +export const inverseTextAccentActive = 'var(--inverse-text-accent-active, #0D5FF8FF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)'; + +/** Инвертированный цвет успеха */ +export const inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #1EB83AFF)'; + +/** Инвертированный цвет успеха */ +export const inverseTextPositiveActive = 'var(--inverse-text-positive-active, #15842AFF)'; + +/** Инвертированный цвет предупреждения */ +export const inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB7223FF)'; + +/** Инвертированный цвет предупреждения */ +export const inverseTextWarningActive = 'var(--inverse-text-warning-active, #DC5304FF)'; + +/** Инвертированный цвет ошибки */ +export const inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #F5384BFF)'; + +/** Инвертированный цвет ошибки */ +export const inverseTextNegativeActive = 'var(--inverse-text-negative-active, #E40C22FF)'; + +export const inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #DCE8FEFF)'; + +export const inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #6FA0FBFF)'; + +/** Инвертированный акцентный цвет */ +export const inverseTextAccent = 'var(--inverse-text-accent, #2A72F8)'; + +export const inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #8BB2FC)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradient = + 'var(--inverse-text-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))'; + +/** Инвертированный цвет успеха */ +export const inverseTextPositive = 'var(--inverse-text-positive, #1A9E32)'; + +/** Инвертированный цвет предупреждения */ +export const inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)'; + +/** Инвертированный цвет ошибки */ +export const inverseTextNegative = 'var(--inverse-text-negative, #F31B31)'; + +export const inverseTextInfo = 'var(--inverse-text-info, #2A72F8)'; + +export const inverseTextInfoHover = 'var(--inverse-text-info-hover, #79A7FBFF)'; + +export const inverseTextInfoActive = 'var(--inverse-text-info-active, #0D5FF8FF)'; + +export const inverseTextPositiveMinor = 'var(--inverse-text-positive-minor, #28D247)'; + +export const inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #3EDA5BFF)'; + +export const inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #23B83EFF)'; + +export const inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FD9C68)'; + +export const inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FDB086FF)'; + +export const inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FC884AFF)'; + +export const inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9A)'; + +export const inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFADB6FF)'; + +export const inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FF707EFF)'; + +export const inverseTextInfoMinor = 'var(--inverse-text-info-minor, #8BB2FC)'; + +export const inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #DCE8FEFF)'; + +export const inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #6FA0FBFF)'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimary = 'var(--surface-solid-primary, #171717)'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimaryBrightness = 'var(--surface-solid-primary-brightness, #262626FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidSecondary = 'var(--surface-solid-secondary, #262626)'; + +/** Третичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidTertiary = 'var(--surface-solid-tertiary, #363636)'; + +/** Основной фон для карточек */ +export const surfaceSolidCard = 'var(--surface-solid-card, #171717)'; + +/** Основной фон для карточек */ +export const surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #262626FF)'; + +/** Основной прозрачный фон поверхности/контрола */ +export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, rgba(255, 255, 255, 0.06))'; + +/** Вторичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentSecondary = 'var(--surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; + +/** Третичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCard = 'var(--surface-transparent-card, rgba(255, 255, 255, 0.12))'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FFFFFF1F)'; + +/** Акцентный фон поверхности/контрола */ +export const surfaceAccent = 'var(--surface-accent, #3F81FD)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradient = + 'var(--surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%))'; + +/** Цвет фона поверхности/контрола успех */ +export const surfacePositive = 'var(--surface-positive, #1A9E32)'; + +/** Цвет фона поверхности/контрола предупреждение */ +export const surfaceWarning = 'var(--surface-warning, #FA5F05)'; + +/** Цвет фона поверхности/контрола ошибка */ +export const surfaceNegative = 'var(--surface-negative, #FF293E)'; + +/** Фон поверхности/контрола без заливки */ +export const surfaceClear = 'var(--surface-clear, rgba(255, 255, 255, 0))'; + +export const surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255, 255, 255, 0.64))'; + +export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)'; + +export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)'; + +export const surfaceAccentMinor = 'var(--surface-accent-minor, #082254)'; + +export const surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #0A2A67FF)'; + +export const surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #071F4BFF)'; + +export const surfaceTransparentAccent = 'var(--surface-transparent-accent, rgba(63, 129, 253, 0.20))'; + +export const surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #3F82FD52)'; + +export const surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #3F82FD24)'; + +export const surfaceInfoHover = 'var(--surface-info-hover, #5D95FDFF)'; + +export const surfaceInfoActive = 'var(--surface-info-active, #357BFDFF)'; + +export const surfacePositiveMinor = 'var(--surface-positive-minor, #0A2B10)'; + +export const surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)'; + +export const surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)'; + +export const surfaceWarningMinor = 'var(--surface-warning-minor, #3D1D0A)'; + +export const surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)'; + +export const surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)'; + +export const surfaceNegativeMinor = 'var(--surface-negative-minor, #4A0D13)'; + +export const surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)'; + +export const surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)'; + +export const surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #0A2A67FF)'; + +export const surfaceInfoMinorActive = 'var(--surface-info-minor-active, #071F4BFF)'; + +export const surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #1A9E3252)'; + +export const surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #1A9E3224)'; + +export const surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #FA5F0552)'; + +export const surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #FA5F0524)'; + +export const surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #FF293E52)'; + +export const surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #FF293E24)'; + +export const surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #3F82FD52)'; + +export const surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #3F82FD24)'; + +export const surfaceTransparentPositive = 'var(--surface-transparent-positive, rgba(26, 158, 50, 0.20))'; + +export const surfaceTransparentWarning = 'var(--surface-transparent-warning, rgba(250, 95, 5, 0.20))'; + +export const surfaceTransparentNegative = 'var(--surface-transparent-negative, rgba(255, 41, 62, 0.20))'; + +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefault = 'var(--surface-solid-default, #F9F9F9)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)'; + +export const surfaceInfo = 'var(--surface-info, #3F81FD)'; + +export const surfaceInfoMinor = 'var(--surface-info-minor, #082254)'; + +export const surfaceTransparentInfo = 'var(--surface-transparent-info, rgba(63, 129, 253, 0.20))'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #121212FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidSecondaryHover = 'var(--surface-solid-secondary-hover, #303030FF)'; + +/** Вторичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidSecondaryActive = 'var(--surface-solid-secondary-active, #212121FF)'; + +/** Третичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #404040FF)'; + +/** Третичный непрозрачный фон поверхности/контрола */ +export const surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #303030FF)'; + +/** Основной фон для карточек */ +export const surfaceSolidCardHover = 'var(--surface-solid-card-hover, #1C1C1CFF)'; + +/** Основной фон для карточек */ +export const surfaceSolidCardActive = 'var(--surface-solid-card-active, #121212FF)'; + +/** Основной прозрачный фон поверхности/контрола */ +export const surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF1F)'; + +/** Основной прозрачный фон поверхности/контрола */ +export const surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)'; + +/** Вторичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)'; + +/** Вторичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)'; + +/** Третичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)'; + +/** Третичный прозрачный фон поверхности/контрола */ +export const surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF3D)'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0F)'; + +/** Акцентный фон поверхности/контрола */ +export const surfaceAccentHover = 'var(--surface-accent-hover, #5D95FDFF)'; + +/** Акцентный фон поверхности/контрола */ +export const surfaceAccentActive = 'var(--surface-accent-active, #357BFDFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)'; + +/** Цвет фона поверхности/контрола успех */ +export const surfacePositiveHover = 'var(--surface-positive-hover, #1DAF37FF)'; + +/** Цвет фона поверхности/контрола успех */ +export const surfacePositiveActive = 'var(--surface-positive-active, #18952FFF)'; + +/** Цвет фона поверхности/контрола предупреждение */ +export const surfaceWarningHover = 'var(--surface-warning-hover, #FB7223FF)'; + +/** Цвет фона поверхности/контрола предупреждение */ +export const surfaceWarningActive = 'var(--surface-warning-active, #F05B05FF)'; + +/** Цвет фона поверхности/контрола ошибка */ +export const surfaceNegativeHover = 'var(--surface-negative-hover, #FF475AFF)'; + +/** Цвет фона поверхности/контрола ошибка */ +export const surfaceNegativeActive = 'var(--surface-negative-active, #FF1F35FF)'; + +/** Фон поверхности/контрола без заливки */ +export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)'; + +/** Фон поверхности/контрола без заливки */ +export const surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)'; + +/** Осн. непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)'; + +/** Осн. непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #262626FF)'; + +/** Вторичный непр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary, #262626)'; + +/** Третичный непр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #363636)'; + +/** Основной фон для карточек на темном фоне */ +export const onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #171717)'; + +/** Основной фон для карточек на темном фоне */ +export const onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #262626FF)'; + +/** Основной прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255, 255, 255, 0.06))'; + +/** Вторичный прозр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentSecondary = + 'var(--on-dark-surface-transparent-secondary, rgba(255, 255, 255, 0.12))'; + +/** Третичный прозр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255, 255, 255, 0.2))'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255, 255, 255, 0.12))'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFFFF1F)'; + +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #3F81FD)'; + +/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradient = + 'var(--on-dark-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))'; + +/** Цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)'; + +/** Цвет фона поверхн./контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FA5F05)'; + +/** Цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)'; + +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255, 255, 255, 0.64))'; + +export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)'; + +export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)'; + +export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #1549AB)'; + +export const onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #1852BFFF)'; + +export const onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #1446A3FF)'; + +export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, rgba(63, 129, 253, 0.20))'; + +export const onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #3F82FD52)'; + +export const onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #3F82FD24)'; + +export const onDarkSurfaceSurfaceInfoHover = 'var(--on-dark-surface-surface-info-hover, #5D95FDFF)'; + +export const onDarkSurfaceSurfaceInfoActive = 'var(--on-dark-surface-surface-info-active, #357BFDFF)'; + +export const onDarkSurfacePositiveMinor = 'var(--on-dark-surface-positive-minor, #0A2B10)'; + +export const onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)'; + +export const onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #08210CFF)'; + +export const onDarkSurfaceWarningMinor = 'var(--on-dark-surface-warning-minor, #3D1D0A)'; + +export const onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)'; + +export const onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)'; + +export const onDarkSurfaceNegativeMinor = 'var(--on-dark-surface-negative-minor, #4A0D13)'; + +export const onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)'; + +export const onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)'; + +export const onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #0A2A67FF)'; + +export const onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #071F4BFF)'; + +export const onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #1A9E3252)'; + +export const onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #1A9E3224)'; + +export const onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #FA5F0552)'; + +export const onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #FA5F0524)'; + +export const onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #FF293E52)'; + +export const onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #FF293E24)'; + +export const onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #3F82FD52)'; + +export const onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #3F82FD24)'; + +export const onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, rgba(26, 158, 50, 0.20))'; + +export const onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, rgba(250, 95, 5, 0.20))'; + +export const onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, rgba(255, 41, 62, 0.20))'; + +/** Непр. фон поверхности/контрола по умолчанию на тем. фоне */ +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F9F9F9)'; + +/** Непр. фон поверхности/контрола по умолчанию на тем. фоне */ +export const onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)'; + +/** Непр. фон поверхности/контрола по умолчанию на тем. фоне */ +export const onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-active, #F5F5F5FF)'; + +export const onDarkSurfaceSurfaceInfo = 'var(--on-dark-surface-surface-info, #3F81FD)'; + +export const onDarkSurfaceInfoMinor = 'var(--on-dark-surface-info-minor, #082254)'; + +export const onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-info, rgba(63, 129, 253, 0.20))'; + +/** Осн. непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)'; + +/** Осн. непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimaryActive = 'var(--on-dark-surface-solid-primary-active, #121212FF)'; + +/** Вторичный непр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #303030FF)'; + +/** Вторичный непр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidSecondaryActive = 'var(--on-dark-surface-solid-secondary-active, #212121FF)'; + +/** Третичный непр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #404040FF)'; + +/** Третичный непр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #303030FF)'; + +/** Основной фон для карточек на темном фоне */ +export const onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #1C1C1CFF)'; + +/** Основной фон для карточек на темном фоне */ +export const onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #121212FF)'; + +/** Основной прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF1F)'; + +/** Основной прозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)'; + +/** Вторичный прозр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)'; + +/** Вторичный прозр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)'; + +/** Третичный прозр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)'; + +/** Третичный прозр. фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF3D)'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0F)'; + +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #5D95FDFF)'; + +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #357BFDFF)'; + +/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцентный фон поверхн./контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #1DAF37FF)'; + +/** Цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositiveActive = 'var(--on-dark-surface-positive-active, #18952FFF)'; + +/** Цвет фона поверхн./контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarningHover = 'var(--on-dark-surface-warning-hover, #FB7223FF)'; + +/** Цвет фона поверхн./контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarningActive = 'var(--on-dark-surface-warning-active, #F05B05FF)'; + +/** Цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegativeHover = 'var(--on-dark-surface-negative-hover, #FF475AFF)'; + +/** Цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegativeActive = 'var(--on-dark-surface-negative-active, #FF1F35FF)'; + +/** Непр. фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)'; + +/** Осн. непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)'; + +/** Осн. непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimaryBrightness = 'var(--on-light-surface-solid-primary-brightness, #FFFFFFFF)'; + +/** Втор. непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #ECECEC)'; + +/** Третичный непр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #DDDDDD)'; + +/** Основной фон для карточек на светлом фоне */ +export const onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, rgba(255, 255, 255, 1))'; + +/** Основной фон для карточек на светлом фоне */ +export const onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)'; + +/** Основной прозр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, rgba(8, 8, 8, 0.03))'; + +/** Вторичный прозр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, rgba(8, 8, 8, 0.06))'; + +/** Третичный прозр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, rgba(8, 8, 8, 0.12))'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, rgba(255, 255, 255, 1))'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #2A72F8)'; + +/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradient = + 'var(--on-light-surface-accent-gradient, linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%))'; + +/** Цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)'; + +/** Цвет фона поверхн./контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarning = 'var(--on-light-surface-warning, #FA5F05)'; + +/** Цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegative = 'var(--on-light-surface-negative, #F31B31)'; + +export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, rgba(8, 8, 8, 0.64))'; + +export const onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #DEE9FF)'; + +export const onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #EBF1FFFF)'; + +export const onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #D6E4FFFF)'; + +export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, rgba(42, 114, 248, 0.12))'; + +export const onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #2A72F83D)'; + +export const onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #2A72F80F)'; + +export const onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #5D95FDFF)'; + +export const onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #357BFDFF)'; + +export const onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #9EFAAF)'; + +export const onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #B1FBBFFF)'; + +export const onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #94F9A7FF)'; + +export const onLightSurfaceWarningMinor = 'var(--on-light-surface-warning-minor, #FEE2D2)'; + +export const onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEE9DCFF)'; + +export const onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FEDCC8FF)'; + +export const onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FFE0E3)'; + +export const onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFEBEDFF)'; + +export const onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD6DAFF)'; + +export const onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #EBF1FFFF)'; + +export const onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #D6E4FFFF)'; + +export const onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #1A9E323D)'; + +export const onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #1A9E320F)'; + +export const onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #FA5F053D)'; + +export const onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #FA5F050F)'; + +export const onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #F31B313D)'; + +export const onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #F31B310F)'; + +export const onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #2A72F83D)'; + +export const onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #2A72F80F)'; + +export const onLightSurfaceTransparentPositive = + 'var(--on-light-surface-transparent-positive, rgba(26, 158, 50, 0.12))'; + +export const onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, rgba(250, 95, 5, 0.12))'; + +export const onLightSurfaceTransparentNegative = + 'var(--on-light-surface-transparent-negative, rgba(243, 27, 49, 0.12))'; + +export const onLightSurfaceInfo = 'var(--on-light-surface-info, #3F81FD)'; + +export const onLightSurfaceInfoMinor = 'var(--on-light-surface-info-minor, #DEE9FF)'; + +export const onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, rgba(42, 114, 248, 0.12))'; + +/** Непр. фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #0D0D0DFF)'; + +/** Непр. фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)'; + +/** Осн. непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #FAFAFAFF)'; + +/** Осн. непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimaryActive = 'var(--on-light-surface-solid-primary-active, #F0F0F0FF)'; + +/** Втор. непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidSecondaryHover = 'var(--on-light-surface-solid-secondary-hover, #F7F7F7FF)'; + +/** Втор. непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary-active, #E8E8E8FF)'; + +/** Третичный непр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #E8E8E8FF)'; + +/** Третичный непр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D9D9D9FF)'; + +/** Основной фон для карточек на светлом фоне */ +export const onLightSurfaceSolidCardHover = 'var(--on-light-surface-solid-card-hover, #FFFFFFFF)'; + +/** Основной фон для карточек на светлом фоне */ +export const onLightSurfaceSolidCardActive = 'var(--on-light-surface-solid-card-active, #FFFFFFFF)'; + +/** Основной прозр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #08080812)'; + +/** Основной прозр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #08080803)'; + +/** Вторичный прозр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #0808081F)'; + +/** Вторичный прозр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentSecondaryActive = + 'var(--on-light-surface-transparent-secondary-active, #0808080A)'; + +/** Третичный прозр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #0808083D)'; + +/** Третичный прозр. фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #0808080F)'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #4886F9FF)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #206CF8FF)'; + +/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Акцент. фон поверхн./контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)'; + +/** Цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositiveHover = 'var(--on-light-surface-positive-hover, #1DAF37FF)'; + +/** Цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositiveActive = 'var(--on-light-surface-positive-active, #18952FFF)'; + +/** Цвет фона поверхн./контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarningHover = 'var(--on-light-surface-warning-hover, #FB7223FF)'; + +/** Цвет фона поверхн./контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarningActive = 'var(--on-light-surface-warning-active, #F05B05FF)'; + +/** Цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #F5384BFF)'; + +/** Цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #F31228FF)'; + +export const onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #080808C2)'; + +export const onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #08080894)'; + +/** Инвертированный осн. непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidPrimaryBrightness = 'var(--inverse-surface-solid-primary-brightness, #FFFFFFFF)'; + +/** Инвертированный основной фон для карточек */ +export const inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-brightness, #FFFFFFFF)'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)'; + +export const inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)'; + +export const inverseSurfaceWarning = 'var(--inverse-surface-warning, #FA5F05)'; + +export const inverseSurfaceNegative = 'var(--inverse-surface-negative, #F31B31)'; + +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #0D0D0DFF)'; + +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)'; + +/** Инвертированный осн. непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #FAFAFAFF)'; + +/** Инвертированный осн. непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidPrimaryActive = 'var(--inverse-surface-solid-primary-active, #F0F0F0FF)'; + +/** Инвертированный втор. непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-hover, #F7F7F7FF)'; + +/** Инвертированный втор. непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #E8E8E8FF)'; + +/** Инвертированный трет.непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidTertiaryHover = 'var(--inverse-surface-solid-tertiary-hover, #E8E8E8FF)'; + +/** Инвертированный трет.непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidTertiaryActive = 'var(--inverse-surface-solid-tertiary-active, #D9D9D9FF)'; + +/** Инвертированный основной фон для карточек */ +export const inverseSurfaceSolidCardHover = 'var(--inverse-surface-solid-card-hover, #FFFFFFFF)'; + +/** Инвертированный основной фон для карточек */ +export const inverseSurfaceSolidCardActive = 'var(--inverse-surface-solid-card-active, #FFFFFFFF)'; + +/** Инвертированный основной прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #08080812)'; + +/** Инвертированный основной прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #08080803)'; + +/** Инвертированный вторичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #0808081F)'; + +/** Инвертированный вторичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentSecondaryActive = + 'var(--inverse-surface-transparent-secondary-active, #0808080A)'; + +/** Инвертированный третичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808083D)'; + +/** Инвертированный третичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #0808080F)'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #4886F9FF)'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #206CF8FF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)'; + +export const inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #1DAF37FF)'; + +export const inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #18952FFF)'; + +export const inverseSurfaceWarningHover = 'var(--inverse-surface-warning-hover, #FB7223FF)'; + +export const inverseSurfaceWarningActive = 'var(--inverse-surface-warning-active, #F05B05FF)'; + +export const inverseSurfaceNegativeHover = 'var(--inverse-surface-negative-hover, #F5384BFF)'; + +export const inverseSurfaceNegativeActive = 'var(--inverse-surface-negative-active, #F31228FF)'; + +/** Инвертированный фон поверхности/контрола без заливки */ +export const inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFFFFF)'; + +/** Инвертированный фон поверхности/контрола без заливки */ +export const inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFFFF)'; + +/** Инвертированный основной фон для карточек */ +export const inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #FFFFFF)'; + +/** Инвертированный осн. непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F5F5F5)'; + +/** Инвертированный втор. непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidSecondary = 'var(--inverse-surface-solid-secondary, #ECECEC)'; + +/** Инвертированный трет.непрозрачный фон поверхности/контрола */ +export const inverseSurfaceSolidTertiary = 'var(--inverse-surface-solid-tertiary, #DDDDDD)'; + +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #080808)'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF)'; + +/** Инвертированный основной прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, rgba(8,8,8,0.03))'; + +/** Инвертированный вторичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, rgba(8,8,8,0.06))'; + +/** Инвертированный третичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, rgba(8,8,8,0.12))'; + +export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, rgba(8,8,8,0.64))'; + +export const inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #080808C2)'; + +export const inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #08080894)'; + +/** Инвертированный фон поверхности/контрола без заливки */ +export const inverseSurfaceClear = 'var(--inverse-surface-clear, rgba(0,0,0,0))'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #2A72F8)'; + +export const inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #DEE9FF)'; + +export const inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #EBF1FFFF)'; + +export const inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #D6E4FFFF)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradient = + 'var(--inverse-surface-accent-gradient, linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%))'; + +export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, rgba(42,114,248,0.12))'; + +export const inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #2A72F83D)'; + +export const inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #2A72F80F)'; + +export const inverseSurfaceInfo = 'var(--inverse-surface-info, #2A72F8)'; + +export const inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #4886F9FF)'; + +export const inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #206CF8FF)'; + +export const inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #9EFAAF)'; + +export const inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #B1FBBFFF)'; + +export const inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #94F9A7FF)'; + +export const inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #FEE2D2)'; + +export const inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEE9DCFF)'; + +export const inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FEDCC8FF)'; + +export const inverseSurfaceNegativeMinor = 'var(--inverse-surface-negative-minor, #FFE0E3)'; + +export const inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFEBEDFF)'; + +export const inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD6DAFF)'; + +export const inverseSurfaceInfoMinor = 'var(--inverse-surface-info-minor, #DEE9FF)'; + +export const inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #EBF1FFFF)'; + +export const inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #D6E4FFFF)'; + +export const inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, rgba(26,158,50,0.12))'; + +export const inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #1A9E323D)'; + +export const inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #1A9E320F)'; + +export const inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, rgba(250,95,5,0.12))'; + +export const inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #FA5F053D)'; + +export const inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #FA5F050F)'; + +export const inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, rgba(243,27,49,0.12))'; + +export const inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #F31B313D)'; + +export const inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #F31B310F)'; + +export const inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, rgba(42,114,248,0.12))'; + +export const inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #2A72F83D)'; + +export const inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #2A72F80F)'; + +/** Основной фон */ +export const backgroundPrimary = 'var(--background-primary, #080808)'; + +/** Основной фон */ +export const backgroundPrimaryBrightness = 'var(--background-primary-brightness, #171717)'; + +/** Основной фон на темном фоне */ +export const darkBackgroundPrimary = 'var(--dark-background-primary, #080808)'; + +/** Основной фон на светлом фоне */ +export const lightBackgroundPrimary = 'var(--light-background-primary, #F9F9F9)'; + +/** Инвертированный основной фон */ +export const inverseBackgroundPrimaryBrightness = 'var(--inverse-background-primary-brightness, #FFFFFF)'; + +/** Инвертированный основной фон */ +export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #F9F9F9)'; + +/** Цвет фона паранжи светлый */ +export const overlaySoft = 'var(--overlay-soft, rgba(8, 8, 8, 0.56))'; + +/** Цвет фона паранжи темный */ +export const overlayHard = 'var(--overlay-hard, rgba(8, 8, 8, 0.96))'; + +export const overlayBlur = 'var(--overlay-blur, rgba(8, 8, 8, 0.28))'; + +/** Цвет фона паранжи светлый на темном фоне */ +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, rgba(8, 8, 8, 0.56))'; + +/** Цвет фона паранжи темный на темном фоне */ +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, rgba(8, 8, 8, 0.96))'; + +export const onDarkOverlayBlur = 'var(--on-dark-overlay-blur, rgba(8, 8, 8, 0.28))'; + +/** Цвет фона паранжи светлый на светлом фоне */ +export const onLightOverlaySoft = 'var(--on-light-overlay-soft, rgba(249, 249, 249, 0.56))'; + +/** Цвет фона паранжи темный на светлом фоне */ +export const onLightOverlayHard = 'var(--on-light-overlay-hard, rgba(249, 249, 249, 0.96))'; + +export const onLightOverlayBlur = 'var(--on-light-overlay-blur, rgba(249, 249, 249, 0.28))'; + +/** Инвертированный цвет фона паранжи светлый */ +export const inverseOverlaySoft = 'var(--inverse-overlay-soft, rgba(249,249,249,0.56))'; + +/** Инвертированный цвет фона паранжи темный */ +export const inverseOverlayHard = 'var(--inverse-overlay-hard, rgba(249,249,249,0.96))'; + +export const inverseOverlayBlur = 'var(--inverse-overlay-blur, rgba(249,249,249,0.28))'; + +export const outlinePrimaryHover = 'var(--outline-primary-hover, #303030FF)'; + +export const outlinePrimaryActive = 'var(--outline-primary-active, #212121FF)'; + +export const outlineSecondaryHover = 'var(--outline-secondary-hover, #595959FF)'; + +export const outlineSecondaryActive = 'var(--outline-secondary-active, #4A4A4AFF)'; + +export const outlineTertiaryHover = 'var(--outline-tertiary-hover, #7A7A7AFF)'; + +export const outlineTertiaryActive = 'var(--outline-tertiary-active, #6B6B6BFF)'; + +export const outlineDefaultHover = 'var(--outline-default-hover, #FFFFFFFF)'; + +export const outlineDefaultActive = 'var(--outline-default-active, #F5F5F5FF)'; + +export const outlineTransparentPrimary = 'var(--outline-transparent-primary, rgba(255, 255, 255, 0.12))'; + +export const outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFF3D)'; + +export const outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF0F)'; + +export const outlineTransparentSecondary = 'var(--outline-transparent-secondary, rgba(255, 255, 255, 0.20))'; + +export const outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #FFFFFF52)'; + +export const outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #FFFFFF24)'; + +export const outlineTransparentTertiary = 'var(--outline-transparent-tertiary, rgba(255, 255, 255, 0.40))'; + +export const outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #FFFFFF85)'; + +export const outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #FFFFFF57)'; + +export const outlineTransparentClear = 'var(--outline-transparent-clear, rgba(255, 255, 255, 0.00))'; + +export const outlineTransparentClearHover = 'var(--outline-transparent-clear-hover, #FFFFFF00)'; + +export const outlineTransparentClearActive = 'var(--outline-transparent-clear-active, #FFFFFF00)'; + +export const outlineAccent = 'var(--outline-accent, #3F81FD)'; + +export const outlineAccentHover = 'var(--outline-accent-hover, #5D95FDFF)'; + +export const outlineAccentActive = 'var(--outline-accent-active, #357BFDFF)'; + +export const outlineAccentMinor = 'var(--outline-accent-minor, #1549AB)'; + +export const outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #1852BFFF)'; + +export const outlineAccentMinorActive = 'var(--outline-accent-minor-active, #1446A3FF)'; + +export const outlineTransparentAccent = 'var(--outline-transparent-accent, rgba(63, 129, 253, 0.28))'; + +export const outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #3F82FD66)'; + +export const outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #3F82FD38)'; + +export const outlinePositive = 'var(--outline-positive, #24B23E)'; + +export const outlinePositiveHover = 'var(--outline-positive-hover, #28C344FF)'; + +export const outlinePositiveActive = 'var(--outline-positive-active, #23A93BFF)'; + +export const outlineWarning = 'var(--outline-warning, #FF7024)'; + +export const outlineWarningHover = 'var(--outline-warning-hover, #FF8442FF)'; + +export const outlineWarningActive = 'var(--outline-warning-active, #FF6A1AFF)'; + +export const outlineNegative = 'var(--outline-negative, #FF3D51)'; + +export const outlineNegativeHover = 'var(--outline-negative-hover, #FF5C6CFF)'; + +export const outlineNegativeActive = 'var(--outline-negative-active, #FF3347FF)'; + +export const outlineInfoHover = 'var(--outline-info-hover, #70A2FFFF)'; + +export const outlineInfoActive = 'var(--outline-info-active, #4788FFFF)'; + +export const outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)'; + +export const outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0B6F1DFF)'; + +export const outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #085416FF)'; + +export const outlineWarningMinor = 'var(--outline-warning-minor, #85380C)'; + +export const outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #95400EFF)'; + +export const outlineWarningMinorActive = 'var(--outline-warning-minor-active, #79340BFF)'; + +export const outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)'; + +export const outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B01726FF)'; + +export const outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #951320FF)'; + +export const outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1852BFFF)'; + +export const outlineInfoMinorActive = 'var(--outline-info-minor-active, #1446A3FF)'; + +export const outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #1A9E3266)'; + +export const outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #1A9E3238)'; + +export const outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FA5F0566)'; + +export const outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FA5F0538)'; + +export const outlineNegativeTransparentHover = 'var(--outline-negative-transparent-hover, #CCCCCCFF)'; + +export const outlineNegativeTransparentActive = 'var(--outline-negative-transparent-active, #E6E6E6FF)'; + +export const outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #3F82FD66)'; + +export const outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #3F82FD38)'; + +export const outlineTransparentPositive = 'var(--outline-transparent-positive, rgba(26, 158, 50, 0.28))'; + +export const outlineTransparentWarning = 'var(--outline-transparent-warning, rgba(250, 95, 5, 0.28))'; + +export const outlineTransparentNegative = 'var(--outline-transparent-negative, rgba(243, 27, 49, 0.20))'; + +export const outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #F31B3152)'; + +export const outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #F31B3124)'; + +export const outlineInfoMinor = 'var(--outline-info-minor, #1549AB)'; + +export const outlineTransparentInfo = 'var(--outline-transparent-info, rgba(63, 129, 253, 0.28))'; + +export const outlineInfo = 'var(--outline-info, #528EFF)'; + +export const outlineSolidPrimary = 'var(--outline-solid-primary, #262626)'; + +export const outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)'; + +export const outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #ADADADFF)'; + +export const outlineSolidSecondary = 'var(--outline-solid-secondary, #4E4E4E)'; + +export const outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #FFFFFFFF)'; + +export const outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #8C8C8CFF)'; + +export const outlineSolidTertiary = 'var(--outline-solid-tertiary, #707070)'; + +export const outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)'; + +export const outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #737373FF)'; + +export const outlineSolidDefault = 'var(--outline-solid-default, #F9F9F9)'; + +export const outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #C7C7C7FF)'; + +export const outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E0E0E0FF)'; + +export const onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #303030FF)'; + +export const onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #212121FF)'; + +export const onDarkOutlineSecondaryHover = 'var(--on-dark-outline-secondary-hover, #595959FF)'; + +export const onDarkOutlineSecondaryActive = 'var(--on-dark-outline-secondary-active, #4A4A4AFF)'; + +export const onDarkOutlineTertiaryHover = 'var(--on-dark-outline-tertiary-hover, #7A7A7AFF)'; + +export const onDarkOutlineTertiaryActive = 'var(--on-dark-outline-tertiary-active, #6B6B6BFF)'; + +export const onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #FFFFFFFF)'; + +export const onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #F5F5F5FF)'; + +export const onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFF3D)'; + +export const onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF0F)'; + +export const onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #FFFFFF52)'; + +export const onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #FFFFFF24)'; + +export const onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #FFFFFF85)'; + +export const onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FFFFFF57)'; + +export const onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #5D95FDFF)'; + +export const onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #357BFDFF)'; + +export const onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #1852BFFF)'; + +export const onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #1446A3FF)'; + +export const onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #3F82FD66)'; + +export const onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #3F82FD38)'; + +export const onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #28C344FF)'; + +export const onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #23A93BFF)'; + +export const onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FF8442FF)'; + +export const onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #FF6A1AFF)'; + +export const onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF5C6CFF)'; + +export const onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #FF3347FF)'; + +export const onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #70A2FFFF)'; + +export const onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #4788FFFF)'; + +export const onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0B6F1DFF)'; + +export const onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #085416FF)'; + +export const onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #95400EFF)'; + +export const onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #79340BFF)'; + +export const onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B01726FF)'; + +export const onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #951320FF)'; + +export const onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1852BFFF)'; + +export const onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #1446A3FF)'; + +export const onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #1A9E3266)'; + +export const onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #1A9E3238)'; + +export const onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FA5F0566)'; + +export const onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FA5F0538)'; + +export const onDarkOutlineNegativeTransparentHover = 'var(--on-dark-outline-negative-transparent-hover, #FF293E66)'; + +export const onDarkOutlineNegativeTransparentActive = 'var(--on-dark-outline-negative-transparent-active, #FF293E38)'; + +export const onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #3F82FD66)'; + +export const onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #3F82FD38)'; + +export const onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, rgba(255, 255, 255, 0.12))'; + +export const onDarkOutlineTransparentSecondary = + 'var(--on-dark-outline-transparent-secondary, rgba(255, 255, 255, 0.20))'; + +export const onDarkOutlineTransparentTertiary = + 'var(--on-dark-outline-transparent-tertiary, rgba(255, 255, 255, 0.40))'; + +export const onDarkOutlineAccent = 'var(--on-dark-outline-accent, #3F81FD)'; + +export const onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #1549AB)'; + +export const onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, rgba(63, 129, 253, 0.28))'; + +export const onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)'; + +export const onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FF7024)'; + +export const onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF3D51)'; + +export const onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)'; + +export const onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)'; + +export const onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, rgba(26, 158, 50, 0.28))'; + +export const onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, rgba(250, 95, 5, 0.28))'; + +export const onDarkOutlineNegativeTransparent = 'var(--on-dark-outline-negative-transparent, rgba(255, 41, 62, 0.28))'; + +export const onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #095C18)'; + +export const onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #1549AB)'; + +export const onDarkOutlineInfo = 'var(--on-dark-outline-info, #528EFF)'; + +export const onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, rgba(63, 129, 253, 0.28))'; + +export const onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)'; + +export const onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)'; + +export const onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #ADADADFF)'; + +export const onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #4E4E4E)'; + +export const onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #FFFFFFFF)'; + +export const onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #8C8C8CFF)'; + +export const onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #707070)'; + +export const onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)'; + +export const onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #737373FF)'; + +export const onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F9F9F9)'; + +export const onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #C7C7C7FF)'; + +export const onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E0E0E0FF)'; + +export const onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #E8E8E8FF)'; + +export const onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #D9D9D9FF)'; + +export const onLightOutlineSecondaryHover = 'var(--on-light-outline-secondary-hover, #9E9E9EFF)'; + +export const onLightOutlineSecondaryActive = 'var(--on-light-outline-secondary-active, #8F8F8FFF)'; + +export const onLightOutlineTertiaryHover = 'var(--on-light-outline-tertiary-hover, #7A7A7AFF)'; + +export const onLightOutlineTertiaryActive = 'var(--on-light-outline-tertiary-active, #6B6B6BFF)'; + +export const onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #0D0D0DFF)'; + +export const onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #030303FF)'; + +export const onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, rgba(8, 8, 8, 0.20))'; + +export const onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #08080852)'; + +export const onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08080824)'; + +export const onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, rgba(8, 8, 8, 0.40))'; + +export const onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #08080885)'; + +export const onLightOutlineTransparentSecondaryActive = + 'var(--on-light-outline-transparent-secondary-active, #08080857)'; + +export const onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, rgba(8, 8, 8, 0.56))'; + +export const onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #080808AD)'; + +export const onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #08080880)'; + +export const onLightOutlineAccent = 'var(--on-light-outline-accent, #2A72F8)'; + +export const onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #4886F9FF)'; + +export const onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #206CF8FF)'; + +export const onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #8BB2FC)'; + +export const onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #A1C1FDFF)'; + +export const onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #83ADFCFF)'; + +export const onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, rgba(42, 114, 248, 0.20))'; + +export const onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #2A72F852)'; + +export const onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #2A72F824)'; + +export const onLightOutlinePositive = 'var(--on-light-outline-positive, #1A9E32)'; + +export const onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #1DAF37FF)'; + +export const onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #18952FFF)'; + +export const onLightOutlineWarning = 'var(--on-light-outline-warning, #FA5F05)'; + +export const onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FB7223FF)'; + +export const onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #F05B05FF)'; + +export const onLightOutlineNegative = 'var(--on-light-outline-negative, #F31B31)'; + +export const onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F5384BFF)'; + +export const onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #F31228FF)'; + +export const onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #5D95FDFF)'; + +export const onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #357BFDFF)'; + +export const onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)'; + +export const onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #36D954FF)'; + +export const onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #26C944FF)'; + +export const onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)'; + +export const onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDA97CFF)'; + +export const onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FD965EFF)'; + +export const onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)'; + +export const onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFA3ACFF)'; + +export const onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF8591FF)'; + +export const onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A1C1FDFF)'; + +export const onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #83ADFCFF)'; + +export const onLightOutlineTransparentPositive = + 'var(--on-light-outline-transparent-positive, rgba(26, 158, 50, 0.20))'; + +export const onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #1A9E3252)'; + +export const onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #1A9E3224)'; + +export const onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, rgba(232, 87, 2, 0.20))'; + +export const onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #E8570252)'; + +export const onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #E8570224)'; + +export const onLightOutlineNegativeTransparent = + 'var(--on-light-outline-negative-transparent, rgba(243, 27, 49, 0.20))'; + +export const onLightOutlineNegativeTransparentHover = 'var(--on-light-outline-negative-transparent-hover, #F31B3152)'; + +export const onLightOutlineNegativeTransparentActive = 'var(--on-light-outline-negative-transparent-active, #F31B3124)'; + +export const onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #2A72F852)'; + +export const onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #2A72F824)'; + +export const onLightOutlineInfo = 'var(--on-light-outline-info, #3F81FD)'; + +export const onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #8BB2FC)'; + +export const onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, rgba(42, 114, 248, 0.20))'; + +export const onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #707070)'; + +export const onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)'; + +export const onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #737373FF)'; + +export const onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #080808)'; + +export const onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #FFFFFFFF)'; + +export const onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #C7C7C7FF)'; + +export const onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)'; + +export const onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #ABABABFF)'; + +export const onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C4C4C4FF)'; + +export const onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #949494)'; + +export const onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #FFFFFFFF)'; + +export const onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #575757FF)'; + +export const inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ABABABFF)'; + +export const inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4C4C4FF)'; + +export const inverseOutlineSecondaryHover = 'var(--inverse-outline-secondary-hover, #FFFFFFFF)'; + +export const inverseOutlineSecondaryActive = 'var(--inverse-outline-secondary-active, #575757FF)'; + +export const inverseOutlineTertiaryHover = 'var(--inverse-outline-tertiary-hover, #FFFFFFFF)'; + +export const inverseOutlineTertiaryActive = 'var(--inverse-outline-tertiary-active, #737373FF)'; + +export const inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #FFFFFFFF)'; + +export const inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #C7C7C7FF)'; + +export const inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, rgba(8,8,8,0.20))'; + +export const inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #080808FF)'; + +export const inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #0808083D)'; + +export const inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, rgba(8,8,8,0.40))'; + +export const inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #080808FF)'; + +export const inverseOutlineTransparentSecondaryActive = + 'var(--inverse-outline-transparent-secondary-active, #0808087A)'; + +export const inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, rgba(8,8,8,0.56))'; + +export const inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #080808FF)'; + +export const inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808AB)'; + +export const inverseOutlineTransparentClear = 'var(--inverse-outline-transparent-clear, rgba(255,255,255,0.00))'; + +export const inverseOutlineTransparentClearHover = 'var(--inverse-outline-transparent-clear-hover, #FFFFFFFF)'; + +export const inverseOutlineTransparentClearActive = 'var(--inverse-outline-transparent-clear-active, #FFFFFFFF)'; + +export const inverseOutlineAccent = 'var(--inverse-outline-accent, #2A72F8)'; + +export const inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #79A7FBFF)'; + +export const inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #0D5FF8FF)'; + +export const inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #8BB2FC)'; + +export const inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #DCE8FEFF)'; + +export const inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #6FA0FBFF)'; + +export const inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, rgba(42,114,248,0.20))'; + +export const inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #2A72F8FF)'; + +export const inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #2A72F83D)'; + +export const inverseOutlinePositive = 'var(--inverse-outline-positive, #1A9E32)'; + +export const inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #1EB83AFF)'; + +export const inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #15842AFF)'; + +export const inverseOutlineWarning = 'var(--inverse-outline-warning, #FA5F05)'; + +export const inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FB7223FF)'; + +export const inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #DC5304FF)'; + +export const inverseOutlineNegative = 'var(--inverse-outline-negative, #F31B31)'; + +export const inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F5384BFF)'; + +export const inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #E40C22FF)'; + +export const inverseOutlineInfo = 'var(--inverse-outline-info, #2A72F8)'; + +export const inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #79A7FBFF)'; + +export const inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #0D5FF8FF)'; + +export const inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)'; + +export const inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #3EDA5BFF)'; + +export const inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)'; + +export const inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)'; + +export const inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB086FF)'; + +export const inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC884AFF)'; + +export const inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)'; + +export const inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFADB6FF)'; + +export const inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF707EFF)'; + +export const inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #8BB2FC)'; + +export const inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #DCE8FEFF)'; + +export const inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #6FA0FBFF)'; + +export const inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, rgba(26,158,50,0.20))'; + +export const inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #1A9E32FF)'; + +export const inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #1A9E323D)'; + +export const inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, rgba(250,95,5,0.20))'; + +export const inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #FA5F05FF)'; + +export const inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #FA5F053D)'; + +export const inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, rgba(243,27,49,0.20))'; + +export const inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #F31B31FF)'; + +export const inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #F31B313D)'; + +export const inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, rgba(42,114,248,0.20))'; + +export const inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #2A72F8FF)'; + +export const inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #2A72F83D)'; + +export const inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #DDDDDD)'; + +export const inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)'; + +export const inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C4C4C4FF)'; + +export const inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #949494)'; + +export const inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #FFFFFFFF)'; + +export const inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #575757FF)'; + +export const inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #707070)'; + +export const inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)'; + +export const inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #737373FF)'; + +export const inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #080808)'; + +export const inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #FFFFFFFF)'; + +export const inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #C7C7C7FF)'; + +/** Желтый цвет для данных */ +export const dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)'; + +/** Желтый цвет для данных */ +export const dataDefaultDataYellowHover = 'var(--data-default-data-yellow-hover, #F4B22FFF)'; + +/** Желтый цвет для данных */ +export const dataDefaultDataYellowActive = 'var(--data-default-data-yellow-active, #EDA20CFF)'; + +/** Минорный желтый цвет для данных */ +export const dataDefaultDataYellowMinor = 'var(--data-default-data-yellow-minor, #A16B00)'; + +/** Минорный желтый цвет для данных */ +export const dataDefaultDataYellowMinorHover = 'var(--data-default-data-yellow-minor-hover, #B87A00FF)'; + +/** Минорный желтый цвет для данных */ +export const dataDefaultDataYellowMinorActive = 'var(--data-default-data-yellow-minor-active, #996600FF)'; + +/** Прозрачный желтый цвет для данных */ +export const dataDefaultDataYellowTransparent = 'var(--data-default-data-yellow-transparent, #F3A9128F)'; + +/** Прозрачный желтый цвет для данных */ +export const dataDefaultDataYellowTransparentHover = 'var(--data-default-data-yellow-transparent-hover, #F3A812AD)'; + +/** Прозрачный желтый цвет для данных */ +export const dataDefaultDataYellowTransparentActive = 'var(--data-default-data-yellow-transparent-active, #F3A81280)'; + +/** Желтый цвет для данных на темном фоне */ +export const dataOnDarkDataYellow = 'var(--data-on-dark-data-yellow, #F3A912)'; + +/** Желтый цвет для данных на темном фоне */ +export const dataOnDarkDataYellowHover = 'var(--data-on-dark-data-yellow-hover, #F4B22FFF)'; + +/** Желтый цвет для данных на темном фоне */ +export const dataOnDarkDataYellowActive = 'var(--data-on-dark-data-yellow-active, #EDA20CFF)'; + +/** Минорный желтый цвет для данных на темном фоне */ +export const dataOnDarkDataYellowMinor = 'var(--data-on-dark-data-yellow-minor, #A16B00)'; + +/** Минорный желтый цвет для данных на темном фоне */ +export const dataOnDarkDataYellowMinorHover = 'var(--data-on-dark-data-yellow-minor-hover, #B87A00FF)'; + +/** Минорный желтый цвет для данных на темном фоне */ +export const dataOnDarkDataYellowMinorActive = 'var(--data-on-dark-data-yellow-minor-active, #996600FF)'; + +/** Прозрачный желтый цвет для данных на темном фоне */ +export const dataOnDarkDataYellowTransparent = 'var(--data-on-dark-data-yellow-transparent, #F3A9128F)'; + +/** Прозрачный желтый цвет для данных на темном фоне */ +export const dataOnDarkDataYellowTransparentHover = 'var(--data-on-dark-data-yellow-transparent-hover, #F3A812AD)'; + +/** Прозрачный желтый цвет для данных на темном фоне */ +export const dataOnDarkDataYellowTransparentActive = 'var(--data-on-dark-data-yellow-transparent-active, #F3A81280)'; + +/** Желтый цвет для данных на светлом фоне */ +export const dataOnLightDataYellow = 'var(--data-on-light-data-yellow, #F3A912)'; + +/** Желтый цвет для данных на светлом фоне */ +export const dataOnLightDataYellowHover = 'var(--data-on-light-data-yellow-hover, #F4B22FFF)'; + +/** Желтый цвет для данных на светлом фоне */ +export const dataOnLightDataYellowActive = 'var(--data-on-light-data-yellow-active, #EDA20CFF)'; + +/** Минорный желтый цвет для данных на светлом фоне */ +export const dataOnLightDataYellowMinor = 'var(--data-on-light-data-yellow-minor, #FFD37A)'; + +/** Минорный желтый цвет для данных на светлом фоне */ +export const dataOnLightDataYellowMinorHover = 'var(--data-on-light-data-yellow-minor-hover, #FFDA8FFF)'; + +/** Минорный желтый цвет для данных на светлом фоне */ +export const dataOnLightDataYellowMinorActive = 'var(--data-on-light-data-yellow-minor-active, #FFCF70FF)'; + +/** Прозрачный желтый цвет для данных на светлом фоне */ +export const dataOnLightDataYellowTransparent = 'var(--data-on-light-data-yellow-transparent, #F3A9128F)'; + +/** Прозрачный желтый цвет для данных на светлом фоне */ +export const dataOnLightDataYellowTransparentHover = 'var(--data-on-light-data-yellow-transparent-hover, #F3A812AD)'; + +/** Прозрачный желтый цвет для данных на светлом фоне */ +export const dataOnLightDataYellowTransparentActive = 'var(--data-on-light-data-yellow-transparent-active, #F3A81280)'; + +/** Инвертированный желтый цвет для данных */ +export const dataInverseDataYellow = 'var(--data-inverse-data-yellow, #F3A912)'; + +/** Инвертированный желтый цвет для данных */ +export const dataInverseDataYellowHover = 'var(--data-inverse-data-yellow-hover, #F4B22FFF)'; + +/** Инвертированный желтый цвет для данных */ +export const dataInverseDataYellowActive = 'var(--data-inverse-data-yellow-active, #EDA20CFF)'; + +/** Инвертированный минорный желтый цвет для данных */ +export const dataInverseDataYellowMinor = 'var(--data-inverse-data-yellow-minor, #FFD37A)'; + +/** Инвертированный минорный желтый цвет для данных */ +export const dataInverseDataYellowMinorHover = 'var(--data-inverse-data-yellow-minor-hover, #FFDA8FFF)'; + +/** Инвертированный минорный желтый цвет для данных */ +export const dataInverseDataYellowMinorActive = 'var(--data-inverse-data-yellow-minor-active, #FFCF70FF)'; + +/** Инвертированный прозрачный желтый цвет для данных */ +export const dataInverseDataYellowTransparent = 'var(--data-inverse-data-yellow-transparent, #F3A9128F)'; + +/** Инвертированный прозрачный желтый цвет для данных */ +export const dataInverseDataYellowTransparentHover = 'var(--data-inverse-data-yellow-transparent-hover, #F3A812AD)'; + +/** Инвертированный прозрачный желтый цвет для данных */ +export const dataInverseDataYellowTransparentActive = 'var(--data-inverse-data-yellow-transparent-active, #F3A81280)'; + +export const skeletonGradient = + 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))'; + +export const skeletonGradientLighter = + 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))'; + +/** @deprecated instead use onDarkTextPrimary */ +export const whitePrimary = 'var(--plasma-colors-white-primary, var(--on-dark-text-primary))'; + +/** @deprecated instead use onDarkTextSecondary */ +export const whiteSecondary = 'var(--plasma-colors-white-secondary, var(--on-dark-text-secondary))'; + +/** @deprecated instead use onDarkTextTertiary */ +export const whiteTertiary = 'var(--plasma-colors-white-tertiary, var(--on-dark-text-tertiary))'; + +/** @deprecated instead use onLightTextPrimary */ +export const blackPrimary = 'var(--plasma-colors-black-primary, var(--on-light-text-primary))'; + +/** @deprecated instead use onLightTextSecondary */ +export const blackSecondary = 'var(--plasma-colors-black-secondary, var(--on-light-text-secondary))'; + +/** @deprecated instead use onLightTextTertiary */ +export const blackTertiary = 'var(--plasma-colors-black-tertiary, var(--on-light-text-tertiary))'; + +/** @deprecated instead use onLightSurfaceSolidDefault */ +export const buttonBlack = 'var(--plasma-colors-button-black, var(--on-light-surface-solid-default))'; + +/** @deprecated instead use onLightSurfaceTransparentSecondary */ +export const buttonBlackSecondary = + 'var(--plasma-colors-button-black-secondary, var(--on-light-surface-transparent-secondary))'; + +/** @deprecated instead use onDarkSurfaceSolidDefault */ +export const buttonWhite = 'var(--plasma-colors-button-white, var(--on-dark-surface-solid-default))'; + +/** @deprecated instead use onDarkSurfaceTransparentSecondary */ +export const buttonWhiteSecondary = + 'var(--plasma-colors-button-white-secondary, var(--on-dark-surface-transparent-secondary))'; + +/** @deprecated instead use textPrimary */ +export const text = 'var(--plasma-colors-text, var(--text-primary))'; + +/** @deprecated instead use textPrimary */ +export const primary = 'var(--plasma-colors-primary, var(--text-primary))'; + +/** @deprecated instead use textSecondary */ +export const secondary = 'var(--plasma-colors-secondary, var(--text-secondary))'; + +/** @deprecated instead use textTertiary */ +export const tertiary = 'var(--plasma-colors-tertiary, var(--text-tertiary))'; + +/** @deprecated instead use textParagraph */ +export const paragraph = 'var(--plasma-colors-paragraph, var(--text-paragraph))'; + +/** @deprecated instead use backgroundPrimary */ +export const background = 'var(--plasma-colors-background, var(--background-primary))'; + +/** @deprecated instead use textAccent */ +export const accent = 'var(--plasma-colors-accent, var(--text-accent))'; + +/** @deprecated instead use textPositive */ +export const success = 'var(--plasma-colors-success, var(--text-positive))'; + +/** @deprecated instead use textWarning */ +export const warning = 'var(--plasma-colors-warning, var(--text-warning))'; + +/** @deprecated instead use textNegative */ +export const critical = 'var(--plasma-colors-critical, var(--text-negative))'; + +/** @deprecated instead use overlaySoft */ +export const overlay = 'var(--plasma-colors-overlay, var(--overlay-soft))'; + +/** @deprecated instead use surfaceTransparentPrimary */ +export const surfaceLiquid01 = 'var(--plasma-colors-surface-liquid01, var(--surface-transparent-primary))'; + +/** @deprecated instead use surfaceTransparentSecondary */ +export const surfaceLiquid02 = 'var(--plasma-colors-surface-liquid02, var(--surface-transparent-secondary))'; + +/** @deprecated instead use surfaceTransparentTertiary */ +export const surfaceLiquid03 = 'var(--plasma-colors-surface-liquid03, var(--surface-transparent-tertiary))'; + +/** @deprecated instead use surfaceSolidPrimary */ +export const surfaceSolid01 = 'var(--plasma-colors-surface-solid01, var(--surface-solid-primary))'; + +/** @deprecated instead use surfaceSolidSecondary */ +export const surfaceSolid02 = 'var(--plasma-colors-surface-solid02, var(--surface-solid-secondary))'; + +/** @deprecated instead use surfaceSolidTertiary */ +export const surfaceSolid03 = 'var(--plasma-colors-surface-solid03, var(--surface-solid-tertiary))'; + +/** @deprecated instead use surfaceTransparentCard */ +export const surfaceCard = 'var(--plasma-colors-surface-card, var(--surface-transparent-card))'; + +/** @deprecated instead use surfaceTransparentSecondary */ +export const buttonSecondary = 'var(--plasma-colors-button-secondary, var(--surface-transparent-secondary))'; + +/** @deprecated instead use textAccent */ +export const buttonAccent = 'var(--plasma-colors-button-accent, var(--text-accent))'; + +/** @deprecated instead use surfacePositive */ +export const buttonSuccess = 'var(--plasma-colors-button-success, var(--surface-positive))'; + +/** @deprecated instead use surfaceWarning */ +export const buttonWarning = 'var(--plasma-colors-button-warning, var(--surface-warning))'; + +/** @deprecated instead use surfaceNegative */ +export const buttonCritical = 'var(--plasma-colors-button-critical, var(--surface-negative))'; + +export const shadowDownSoftS = + 'var(--shadow-down-soft-s, 0px 4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-down-soft-s, 0px 1px 4px -1px rgba(0, 0, 0, 0.04))'; + +export const shadowDownSoftM = 'var(--shadow-down-soft-m, 0px 24px 48px -8px rgba(0, 0, 0, 0.08))'; + +export const shadowDownSoftL = 'var(--shadow-down-soft-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.08))'; + +export const shadowDownHardS = + 'var(--shadow-down-hard-s, 0px 4px 12px -3px rgba(8, 8, 8, 0.16)), var(--shadow-down-hard-s, 0px 1px 4px -2px rgba(0, 0, 0, 0.08))'; + +export const shadowDownHardM = 'var(--shadow-down-hard-m, 0px 16px 32px -8px rgba(0, 0, 0, 0.24))'; + +export const shadowDownHardL = 'var(--shadow-down-hard-l, 0px 60px 112px -8px rgba(0, 0, 0, 0.40))'; + +export const shadowUpSoftS = + 'var(--shadow-up-soft-s, 0px -4px 14px -4px rgba(8, 8, 8, 0.08)), var(--shadow-up-soft-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; + +export const shadowUpSoftM = 'var(--shadow-up-soft-m, 0px -24px 48px -8px rgba(0, 0, 0, 0.08))'; + +export const shadowUpSoftL = 'var(--shadow-up-soft-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.08))'; + +export const shadowUpHardS = + 'var(--shadow-up-hard-s, 0px -4px 12px -3px rgba(8, 8, 8, 0.20)), var(--shadow-up-hard-s, 0px -1px 4px -1px rgba(0, 0, 0, 0.03))'; + +export const shadowUpHardM = 'var(--shadow-up-hard-m, 0px -16px 32px -8px rgba(0, 0, 0, 0.24))'; + +export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px rgba(0, 0, 0, 0.40))'; diff --git a/packages/plasma-tokens/src/themes/index.ts b/packages/plasma-tokens/src/themes/index.ts index 4023635a6e..26a877c6b0 100644 --- a/packages/plasma-tokens/src/themes/index.ts +++ b/packages/plasma-tokens/src/themes/index.ts @@ -2,6 +2,14 @@ export { plasma_b2c__dark, darkPlasma_b2c } from './plasma_b2c__dark'; export { plasma_b2c__light, lightPlasma_b2c } from './plasma_b2c__light'; +export { + plasma_b2c_ACTUAL_TYPOGRAPHY__dark, + darkPlasma_b2c_ACTUAL_TYPOGRAPHY, +} from './plasma_b2c_ACTUAL_TYPOGRAPHY__dark'; +export { + plasma_b2c_ACTUAL_TYPOGRAPHY__light, + lightPlasma_b2c_ACTUAL_TYPOGRAPHY, +} from './plasma_b2c_ACTUAL_TYPOGRAPHY__light'; export { plasma_giga__dark, darkPlasma_giga } from './plasma_giga__dark'; export { plasma_giga__light, lightPlasma_giga } from './plasma_giga__light'; export { plasma_giga_app__dark, darkPlasma_giga_app } from './plasma_giga_app__dark'; diff --git a/packages/plasma-tokens/src/themes/plasma_b2c_ACTUAL_TYPOGRAPHY__dark.ts b/packages/plasma-tokens/src/themes/plasma_b2c_ACTUAL_TYPOGRAPHY__dark.ts new file mode 100644 index 0000000000..725c039ded --- /dev/null +++ b/packages/plasma-tokens/src/themes/plasma_b2c_ACTUAL_TYPOGRAPHY__dark.ts @@ -0,0 +1,932 @@ +// Generated by robots, do not change this manually! + +export const plasma_b2c_ACTUAL_TYPOGRAPHY__dark = { + ':root': { + '--text-primary': 'rgba(255, 255, 255, 0.96)', + '--text-primary-brightness': '#FFFFFFF5', + '--text-secondary': 'rgba(255, 255, 255, 0.56)', + '--text-tertiary': 'rgba(255, 255, 255, 0.28)', + '--text-paragraph': 'rgba(255, 255, 255, 0.8)', + '--text-accent': '#3F81FD', + '--text-accent-gradient': 'linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)', + '--text-positive': '#1A9E32', + '--text-warning': '#FA5F05', + '--text-negative': '#FF293E', + '--text-accent-minor': '#1549AB', + '--text-accent-minor-hover': '#FFFFFFFF', + '--text-accent-minor-active': '#1C62E3FF', + '--text-info-hover': '#90B6FEFF', + '--text-info-active': '#216EFDFF', + '--text-positive-minor': '#095C18', + '--text-positive-minor-hover': '#0F9527FF', + '--text-positive-minor-active': '#0C7920FF', + '--text-warning-minor': '#85380C', + '--text-warning-minor-hover': '#BB4F11FF', + '--text-warning-minor-active': '#9F440FFF', + '--text-negative-minor': '#9C1422', + '--text-negative-minor-hover': '#B91828FF', + '--text-negative-minor-active': '#83111CFF', + '--text-info-minor-hover': '#FFFFFFFF', + '--text-info-minor-active': '#1C62E3FF', + '--text-info': '#3F81FD', + '--text-info-minor': '#1549AB', + '--text-primary-hover': '#FFFFFF93', + '--text-primary-active': '#FFFFFFC4', + '--text-secondary-hover': '#FFFFFFFF', + '--text-secondary-active': '#FFFFFFAB', + '--text-tertiary-hover': '#FFFFFFFF', + '--text-tertiary-active': '#FFFFFF56', + '--text-paragraph-hover': '#FFFFFF7A', + '--text-paragraph-active': '#FFFFFFA3', + '--text-accent-hover': '#90B6FEFF', + '--text-accent-active': '#216EFDFF', + '--text-accent-gradient-hover': '#CCCCCCFF', + '--text-accent-gradient-active': '#E6E6E6FF', + '--text-positive-hover': '#1EB83AFF', + '--text-positive-active': '#15842AFF', + '--text-warning-hover': '#FB7223FF', + '--text-warning-active': '#DC5304FF', + '--text-negative-hover': '#FF475AFF', + '--text-negative-active': '#FF0A23FF', + '--on-dark-text-primary': 'rgba(255, 255, 255, 0.96)', + '--on-dark-text-primary-brightness': '#FFFFFFF5', + '--on-dark-text-secondary': 'rgba(255, 255, 255, 0.56)', + '--on-dark-text-tertiary': 'rgba(255, 255, 255, 0.28)', + '--on-dark-text-paragraph': 'rgba(255, 255, 255, 0.8)', + '--on-dark-text-accent': '#3F81FD', + '--on-dark-text-accent-gradient': 'linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)', + '--on-dark-text-positive': '#1A9E32', + '--on-dark-text-warning': '#FA5F05', + '--on-dark-text-negative': '#FF293E', + '--on-dark-text-accent-minor': '#1549AB', + '--on-dark-text-accent-minor-hover': '#FFFFFFFF', + '--on-dark-text-accent-minor-active': '#1C62E3FF', + '--on-dark-text-info-hover': '#90B6FEFF', + '--on-dark-text-info-active': '#216EFDFF', + '--on-dark-text-positive-minor': '#095C18', + '--on-dark-text-positive-minor-hover': '#0F9527FF', + '--on-dark-text-positive-minor-active': '#0C7920FF', + '--on-dark-text-warning-minor': '#85380C', + '--on-dark-text-warning-minor-hover': '#BB4F11FF', + '--on-dark-text-warning-minor-active': '#9F440FFF', + '--on-dark-text-negative-minor': '#9C1422', + '--on-dark-text-negative-minor-hover': '#B91828FF', + '--on-dark-text-negative-minor-active': '#83111CFF', + '--on-dark-text-info-minor-hover': '#FFFFFFFF', + '--on-dark-text-info-minor-active': '#1C62E3FF', + '--on-dark-text-info-minor': '#1549AB', + '--on-dark-text-info': '#3F81FD', + '--on-dark-text-primary-hover': '#FFFFFF93', + '--on-dark-text-primary-active': '#FFFFFFC4', + '--on-dark-text-secondary-hover': '#FFFFFFFF', + '--on-dark-text-secondary-active': '#FFFFFFAB', + '--on-dark-text-tertiary-hover': '#FFFFFFFF', + '--on-dark-text-tertiary-active': '#FFFFFF56', + '--on-dark-text-paragraph-hover': '#FFFFFF7A', + '--on-dark-text-paragraph-active': '#FFFFFFA3', + '--on-dark-text-accent-hover': '#90B6FEFF', + '--on-dark-text-accent-active': '#216EFDFF', + '--on-dark-text-accent-gradient-hover': '#CCCCCCFF', + '--on-dark-text-accent-gradient-active': '#E6E6E6FF', + '--on-dark-text-positive-hover': '#1EB83AFF', + '--on-dark-text-positive-active': '#15842AFF', + '--on-dark-text-warning-hover': '#FB7223FF', + '--on-dark-text-warning-active': '#DC5304FF', + '--on-dark-text-negative-hover': '#FF475AFF', + '--on-dark-text-negative-active': '#FF0A23FF', + '--on-light-text-primary': 'rgba(8, 8, 8, 0.96)', + '--on-light-text-primary-brightness': '#080808F5', + '--on-light-text-secondary': 'rgba(8, 8, 8, 0.56)', + '--on-light-text-tertiary': 'rgba(8, 8, 8, 0.28)', + '--on-light-text-paragraph': 'rgba(8, 8, 8, 0.8)', + '--on-light-text-accent': '#2A72F8', + '--on-light-text-accent-gradient': 'linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)', + '--on-light-text-positive': '#1A9E32', + '--on-light-text-warning': '#FA5F05', + '--on-light-text-accent-minor': '#8BB2FC', + '--on-light-text-accent-minor-hover': '#DCE8FEFF', + '--on-light-text-accent-minor-active': '#6FA0FBFF', + '--on-light-text-info-hover': '#79A7FBFF', + '--on-light-text-info-active': '#0D5FF8FF', + '--on-light-text-positive-minor': '#28D247', + '--on-light-text-positive-minor-hover': '#3EDA5BFF', + '--on-light-text-positive-minor-active': '#23B83EFF', + '--on-light-text-warning-minor': '#FD9C68', + '--on-light-text-warning-minor-hover': '#FDB086FF', + '--on-light-text-warning-minor-active': '#FC884AFF', + '--on-light-text-negative-minor': '#FF8F9A', + '--on-light-text-negative-minor-hover': '#FFADB6FF', + '--on-light-text-negative-minor-active': '#FF707EFF', + '--on-light-text-info-minor-hover': '#DCE8FEFF', + '--on-light-text-info-minor-active': '#6FA0FBFF', + '--on-light-text-negative-hover': '#F5384BFF', + '--on-light-text-negative-active': '#E40C22FF', + '--on-light-text-negative': '#F31B31', + '--on-light-text-info': '#2A72F8', + '--on-light-text-info-minor': '#8BB2FC', + '--on-light-text-primary-hover': '#08080893', + '--on-light-text-primary-active': '#080808C4', + '--on-light-text-secondary-hover': '#080808FF', + '--on-light-text-secondary-active': '#080808AB', + '--on-light-text-tertiary-hover': '#080808FF', + '--on-light-text-tertiary-active': '#08080856', + '--on-light-text-paragraph-hover': '#0808087A', + '--on-light-text-paragraph-active': '#080808A3', + '--on-light-text-accent-hover': '#79A7FBFF', + '--on-light-text-accent-active': '#0D5FF8FF', + '--on-light-text-accent-gradient-hover': '#CCCCCCFF', + '--on-light-text-accent-gradient-active': '#E6E6E6FF', + '--on-light-text-positive-hover': '#1EB83AFF', + '--on-light-text-positive-active': '#15842AFF', + '--on-light-text-warning-hover': '#FB7223FF', + '--on-light-text-warning-active': '#DC5304FF', + '--inverse-text-primary': 'rgba(8, 8, 8, 0.96)', + '--inverse-text-primary-brightness': '#080808F5', + '--inverse-text-secondary': 'rgba(8, 8, 8, 0.56)', + '--inverse-text-tertiary': 'rgba(8, 8, 8, 0.28)', + '--inverse-text-paragraph': 'rgba(8, 8, 8, 0.8)', + '--inverse-text-primary-hover': '#08080893', + '--inverse-text-primary-active': '#080808C4', + '--inverse-text-secondary-hover': '#080808FF', + '--inverse-text-secondary-active': '#080808AB', + '--inverse-text-tertiary-hover': '#080808FF', + '--inverse-text-tertiary-active': '#08080856', + '--inverse-text-paragraph-hover': '#0808087A', + '--inverse-text-paragraph-active': '#080808A3', + '--inverse-text-accent-hover': '#79A7FBFF', + '--inverse-text-accent-active': '#0D5FF8FF', + '--inverse-text-accent-gradient-hover': '#CCCCCCFF', + '--inverse-text-accent-gradient-active': '#E6E6E6FF', + '--inverse-text-positive-hover': '#1EB83AFF', + '--inverse-text-positive-active': '#15842AFF', + '--inverse-text-warning-hover': '#FB7223FF', + '--inverse-text-warning-active': '#DC5304FF', + '--inverse-text-negative-hover': '#F5384BFF', + '--inverse-text-negative-active': '#E40C22FF', + '--inverse-text-accent-minor-hover': '#DCE8FEFF', + '--inverse-text-accent-minor-active': '#6FA0FBFF', + '--inverse-text-accent': '#2A72F8', + '--inverse-text-accent-minor': '#8BB2FC', + '--inverse-text-accent-gradient': 'linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)', + '--inverse-text-positive': '#1A9E32', + '--inverse-text-warning': '#FA5F05', + '--inverse-text-negative': '#F31B31', + '--inverse-text-info': '#2A72F8', + '--inverse-text-info-hover': '#79A7FBFF', + '--inverse-text-info-active': '#0D5FF8FF', + '--inverse-text-positive-minor': '#28D247', + '--inverse-text-positive-minor-hover': '#3EDA5BFF', + '--inverse-text-positive-minor-active': '#23B83EFF', + '--inverse-text-warning-minor': '#FD9C68', + '--inverse-text-warning-minor-hover': '#FDB086FF', + '--inverse-text-warning-minor-active': '#FC884AFF', + '--inverse-text-negative-minor': '#FF8F9A', + '--inverse-text-negative-minor-hover': '#FFADB6FF', + '--inverse-text-negative-minor-active': '#FF707EFF', + '--inverse-text-info-minor': '#8BB2FC', + '--inverse-text-info-minor-hover': '#DCE8FEFF', + '--inverse-text-info-minor-active': '#6FA0FBFF', + '--surface-solid-primary': '#171717', + '--surface-solid-primary-brightness': '#262626FF', + '--surface-solid-secondary': '#262626', + '--surface-solid-tertiary': '#363636', + '--surface-solid-card': '#171717', + '--surface-solid-card-brightness': '#262626FF', + '--surface-transparent-primary': 'rgba(255, 255, 255, 0.06)', + '--surface-transparent-secondary': 'rgba(255, 255, 255, 0.12)', + '--surface-transparent-tertiary': 'rgba(255, 255, 255, 0.2)', + '--surface-transparent-card': 'rgba(255, 255, 255, 0.12)', + '--surface-transparent-card-brightness': '#FFFFFF1F', + '--surface-accent': '#3F81FD', + '--surface-accent-gradient': + 'linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%), linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)', + '--surface-positive': '#1A9E32', + '--surface-warning': '#FA5F05', + '--surface-negative': '#FF293E', + '--surface-clear': 'rgba(255, 255, 255, 0)', + '--surface-transparent-deep': 'rgba(255, 255, 255, 0.64)', + '--surface-transparent-deep-hover': '#FFFFFFC2', + '--surface-transparent-deep-active': '#FFFFFF94', + '--surface-accent-minor': '#082254', + '--surface-accent-minor-hover': '#0A2A67FF', + '--surface-accent-minor-active': '#071F4BFF', + '--surface-transparent-accent': 'rgba(63, 129, 253, 0.20)', + '--surface-transparent-accent-hover': '#3F82FD52', + '--surface-transparent-accent-active': '#3F82FD24', + '--surface-info-hover': '#5D95FDFF', + '--surface-info-active': '#357BFDFF', + '--surface-positive-minor': '#0A2B10', + '--surface-positive-minor-hover': '#0E3A16FF', + '--surface-positive-minor-active': '#08210CFF', + '--surface-warning-minor': '#3D1D0A', + '--surface-warning-minor-hover': '#4F250DFF', + '--surface-warning-minor-active': '#351909FF', + '--surface-negative-minor': '#4A0D13', + '--surface-negative-minor-hover': '#5B1018FF', + '--surface-negative-minor-active': '#410B11FF', + '--surface-info-minor-hover': '#0A2A67FF', + '--surface-info-minor-active': '#071F4BFF', + '--surface-transparent-positive-hover': '#1A9E3252', + '--surface-transparent-positive-active': '#1A9E3224', + '--surface-transparent-warning-hover': '#FA5F0552', + '--surface-transparent-warning-active': '#FA5F0524', + '--surface-transparent-negative-hover': '#FF293E52', + '--surface-transparent-negative-active': '#FF293E24', + '--surface-transparent-info-hover': '#3F82FD52', + '--surface-transparent-info-active': '#3F82FD24', + '--surface-transparent-positive': 'rgba(26, 158, 50, 0.20)', + '--surface-transparent-warning': 'rgba(250, 95, 5, 0.20)', + '--surface-transparent-negative': 'rgba(255, 41, 62, 0.20)', + '--surface-solid-default': '#F9F9F9', + '--surface-solid-default-hover': '#FFFFFFFF', + '--surface-solid-default-active': '#F5F5F5FF', + '--surface-info': '#3F81FD', + '--surface-info-minor': '#082254', + '--surface-transparent-info': 'rgba(63, 129, 253, 0.20)', + '--surface-solid-primary-hover': '#1C1C1CFF', + '--surface-solid-primary-active': '#121212FF', + '--surface-solid-secondary-hover': '#303030FF', + '--surface-solid-secondary-active': '#212121FF', + '--surface-solid-tertiary-hover': '#404040FF', + '--surface-solid-tertiary-active': '#303030FF', + '--surface-solid-card-hover': '#1C1C1CFF', + '--surface-solid-card-active': '#121212FF', + '--surface-transparent-primary-hover': '#FFFFFF1F', + '--surface-transparent-primary-active': '#FFFFFF0A', + '--surface-transparent-secondary-hover': '#FFFFFF3D', + '--surface-transparent-secondary-active': '#FFFFFF0F', + '--surface-transparent-tertiary-hover': '#FFFFFF52', + '--surface-transparent-tertiary-active': '#FFFFFF24', + '--surface-transparent-card-hover': '#FFFFFF3D', + '--surface-transparent-card-active': '#FFFFFF0F', + '--surface-accent-hover': '#5D95FDFF', + '--surface-accent-active': '#357BFDFF', + '--surface-accent-gradient-hover': '#FFFFFFFF', + '--surface-accent-gradient-active': '#FFFFFFFF', + '--surface-positive-hover': '#1DAF37FF', + '--surface-positive-active': '#18952FFF', + '--surface-warning-hover': '#FB7223FF', + '--surface-warning-active': '#F05B05FF', + '--surface-negative-hover': '#FF475AFF', + '--surface-negative-active': '#FF1F35FF', + '--surface-clear-hover': '#FFFFFF00', + '--surface-clear-active': '#FFFFFF00', + '--on-dark-surface-solid-primary': '#171717', + '--on-dark-surface-solid-primary-brightness': '#262626FF', + '--on-dark-surface-solid-secondary': '#262626', + '--on-dark-surface-solid-tertiary': '#363636', + '--on-dark-surface-solid-card': '#171717', + '--on-dark-surface-solid-card-brightness': '#262626FF', + '--on-dark-surface-transparent-primary': 'rgba(255, 255, 255, 0.06)', + '--on-dark-surface-transparent-secondary': 'rgba(255, 255, 255, 0.12)', + '--on-dark-surface-transparent-tertiary': 'rgba(255, 255, 255, 0.2)', + '--on-dark-surface-transparent-card': 'rgba(255, 255, 255, 0.12)', + '--on-dark-surface-transparent-card-brightness': '#FFFFFF1F', + '--on-dark-surface-accent': '#3F81FD', + '--on-dark-surface-accent-gradient': 'linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)', + '--on-dark-surface-positive': '#1A9E32', + '--on-dark-surface-warning': '#FA5F05', + '--on-dark-surface-negative': '#FF293E', + '--on-dark-surface-transparent-deep': 'rgba(255, 255, 255, 0.64)', + '--on-dark-surface-transparent-deep-hover': '#FFFFFFC2', + '--on-dark-surface-transparent-deep-active': '#FFFFFF94', + '--on-dark-surface-accent-minor': '#1549AB', + '--on-dark-surface-accent-minor-hover': '#1852BFFF', + '--on-dark-surface-accent-minor-active': '#1446A3FF', + '--on-dark-surface-transparent-accent': 'rgba(63, 129, 253, 0.20)', + '--on-dark-surface-transparent-accent-hover': '#3F82FD52', + '--on-dark-surface-transparent-accent-active': '#3F82FD24', + '--on-dark-surface-surface-info-hover': '#5D95FDFF', + '--on-dark-surface-surface-info-active': '#357BFDFF', + '--on-dark-surface-positive-minor': '#0A2B10', + '--on-dark-surface-positive-minor-hover': '#0E3A16FF', + '--on-dark-surface-positive-minor-active': '#08210CFF', + '--on-dark-surface-warning-minor': '#3D1D0A', + '--on-dark-surface-warning-minor-hover': '#4F250DFF', + '--on-dark-surface-warning-minor-active': '#351909FF', + '--on-dark-surface-negative-minor': '#4A0D13', + '--on-dark-surface-negative-minor-hover': '#5B1018FF', + '--on-dark-surface-negative-minor-active': '#410B11FF', + '--on-dark-surface-info-minor-hover': '#0A2A67FF', + '--on-dark-surface-info-minor-active': '#071F4BFF', + '--on-dark-surface-transparent-positive-hover': '#1A9E3252', + '--on-dark-surface-transparent-positive-active': '#1A9E3224', + '--on-dark-surface-transparent-warning-hover': '#FA5F0552', + '--on-dark-surface-transparent-warning-active': '#FA5F0524', + '--on-dark-surface-transparent-negative-hover': '#FF293E52', + '--on-dark-surface-transparent-negative-active': '#FF293E24', + '--on-dark-surface-transparent-info-hover': '#3F82FD52', + '--on-dark-surface-transparent-info-active': '#3F82FD24', + '--on-dark-surface-transparent-positive': 'rgba(26, 158, 50, 0.20)', + '--on-dark-surface-transparent-warning': 'rgba(250, 95, 5, 0.20)', + '--on-dark-surface-transparent-negative': 'rgba(255, 41, 62, 0.20)', + '--on-dark-surface-solid-default': '#F9F9F9', + '--on-dark-surface-solid-default-hover': '#FFFFFFFF', + '--on-dark-surface-solid-default-active': '#F5F5F5FF', + '--on-dark-surface-surface-info': '#3F81FD', + '--on-dark-surface-info-minor': '#082254', + '--on-dark-surface-transparent-info': 'rgba(63, 129, 253, 0.20)', + '--on-dark-surface-solid-primary-hover': '#1C1C1CFF', + '--on-dark-surface-solid-primary-active': '#121212FF', + '--on-dark-surface-solid-secondary-hover': '#303030FF', + '--on-dark-surface-solid-secondary-active': '#212121FF', + '--on-dark-surface-solid-tertiary-hover': '#404040FF', + '--on-dark-surface-solid-tertiary-active': '#303030FF', + '--on-dark-surface-solid-card-hover': '#1C1C1CFF', + '--on-dark-surface-solid-card-active': '#121212FF', + '--on-dark-surface-transparent-primary-hover': '#FFFFFF1F', + '--on-dark-surface-transparent-primary-active': '#FFFFFF0A', + '--on-dark-surface-transparent-secondary-hover': '#FFFFFF3D', + '--on-dark-surface-transparent-secondary-active': '#FFFFFF0F', + '--on-dark-surface-transparent-tertiary-hover': '#FFFFFF52', + '--on-dark-surface-transparent-tertiary-active': '#FFFFFF24', + '--on-dark-surface-transparent-card-hover': '#FFFFFF3D', + '--on-dark-surface-transparent-card-active': '#FFFFFF0F', + '--on-dark-surface-accent-hover': '#5D95FDFF', + '--on-dark-surface-accent-active': '#357BFDFF', + '--on-dark-surface-accent-gradient-hover': '#FFFFFFFF', + '--on-dark-surface-accent-gradient-active': '#FFFFFFFF', + '--on-dark-surface-positive-hover': '#1DAF37FF', + '--on-dark-surface-positive-active': '#18952FFF', + '--on-dark-surface-warning-hover': '#FB7223FF', + '--on-dark-surface-warning-active': '#F05B05FF', + '--on-dark-surface-negative-hover': '#FF475AFF', + '--on-dark-surface-negative-active': '#FF1F35FF', + '--on-light-surface-solid-default': '#080808', + '--on-light-surface-solid-primary': '#F5F5F5', + '--on-light-surface-solid-primary-brightness': '#FFFFFFFF', + '--on-light-surface-solid-secondary': '#ECECEC', + '--on-light-surface-solid-tertiary': '#DDDDDD', + '--on-light-surface-solid-card': 'rgba(255, 255, 255, 1)', + '--on-light-surface-solid-card-brightness': '#FFFFFFFF', + '--on-light-surface-transparent-primary': 'rgba(8, 8, 8, 0.03)', + '--on-light-surface-transparent-secondary': 'rgba(8, 8, 8, 0.06)', + '--on-light-surface-transparent-tertiary': 'rgba(8, 8, 8, 0.12)', + '--on-light-surface-transparent-card': 'rgba(255, 255, 255, 1)', + '--on-light-surface-transparent-card-brightness': '#FFFFFFFF', + '--on-light-surface-accent': '#2A72F8', + '--on-light-surface-accent-gradient': 'linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)', + '--on-light-surface-positive': '#1A9E32', + '--on-light-surface-warning': '#FA5F05', + '--on-light-surface-negative': '#F31B31', + '--on-light-surface-transparent-deep': 'rgba(8, 8, 8, 0.64)', + '--on-light-surface-accent-minor': '#DEE9FF', + '--on-light-surface-accent-minor-hover': '#EBF1FFFF', + '--on-light-surface-accent-minor-active': '#D6E4FFFF', + '--on-light-surface-transparent-accent': 'rgba(42, 114, 248, 0.12)', + '--on-light-surface-transparent-accent-hover': '#2A72F83D', + '--on-light-surface-transparent-accent-active': '#2A72F80F', + '--on-light-surface-info-hover': '#5D95FDFF', + '--on-light-surface-info-active': '#357BFDFF', + '--on-light-surface-positive-minor': '#9EFAAF', + '--on-light-surface-positive-minor-hover': '#B1FBBFFF', + '--on-light-surface-positive-minor-active': '#94F9A7FF', + '--on-light-surface-warning-minor': '#FEE2D2', + '--on-light-surface-warning-minor-hover': '#FEE9DCFF', + '--on-light-surface-warning-minor-active': '#FEDCC8FF', + '--on-light-surface-negative-minor': '#FFE0E3', + '--on-light-surface-negative-minor-hover': '#FFEBEDFF', + '--on-light-surface-negative-minor-active': '#FFD6DAFF', + '--on-light-surface-info-minor-hover': '#EBF1FFFF', + '--on-light-surface-info-minor-active': '#D6E4FFFF', + '--on-light-surface-transparent-positive-hover': '#1A9E323D', + '--on-light-surface-transparent-positive-active': '#1A9E320F', + '--on-light-surface-transparent-warning-hover': '#FA5F053D', + '--on-light-surface-transparent-warning-active': '#FA5F050F', + '--on-light-surface-transparent-negative-hover': '#F31B313D', + '--on-light-surface-transparent-negative-active': '#F31B310F', + '--on-light-surface-transparent-info-hover': '#2A72F83D', + '--on-light-surface-transparent-info-active': '#2A72F80F', + '--on-light-surface-transparent-positive': 'rgba(26, 158, 50, 0.12)', + '--on-light-surface-transparent-warning': 'rgba(250, 95, 5, 0.12)', + '--on-light-surface-transparent-negative': 'rgba(243, 27, 49, 0.12)', + '--on-light-surface-info': '#3F81FD', + '--on-light-surface-info-minor': '#DEE9FF', + '--on-light-surface-transparent-info': 'rgba(42, 114, 248, 0.12)', + '--on-light-surface-solid-default-hover': '#0D0D0DFF', + '--on-light-surface-solid-default-active': '#030303FF', + '--on-light-surface-solid-primary-hover': '#FAFAFAFF', + '--on-light-surface-solid-primary-active': '#F0F0F0FF', + '--on-light-surface-solid-secondary-hover': '#F7F7F7FF', + '--on-light-surface-solid-secondary-active': '#E8E8E8FF', + '--on-light-surface-solid-tertiary-hover': '#E8E8E8FF', + '--on-light-surface-solid-tertiary-active': '#D9D9D9FF', + '--on-light-surface-solid-card-hover': '#FFFFFFFF', + '--on-light-surface-solid-card-active': '#FFFFFFFF', + '--on-light-surface-transparent-primary-hover': '#08080812', + '--on-light-surface-transparent-primary-active': '#08080803', + '--on-light-surface-transparent-secondary-hover': '#0808081F', + '--on-light-surface-transparent-secondary-active': '#0808080A', + '--on-light-surface-transparent-tertiary-hover': '#0808083D', + '--on-light-surface-transparent-tertiary-active': '#0808080F', + '--on-light-surface-transparent-card-hover': '#FFFFFFFF', + '--on-light-surface-transparent-card-active': '#FFFFFFFF', + '--on-light-surface-accent-hover': '#4886F9FF', + '--on-light-surface-accent-active': '#206CF8FF', + '--on-light-surface-accent-gradient-hover': '#FFFFFFFF', + '--on-light-surface-accent-gradient-active': '#FFFFFFFF', + '--on-light-surface-positive-hover': '#1DAF37FF', + '--on-light-surface-positive-active': '#18952FFF', + '--on-light-surface-warning-hover': '#FB7223FF', + '--on-light-surface-warning-active': '#F05B05FF', + '--on-light-surface-negative-hover': '#F5384BFF', + '--on-light-surface-negative-active': '#F31228FF', + '--on-light-surface-transparent-deep-hover': '#080808C2', + '--on-light-surface-transparent-deep-active': '#08080894', + '--inverse-surface-solid-primary-brightness': '#FFFFFFFF', + '--inverse-surface-solid-card-brightness': '#FFFFFFFF', + '--inverse-surface-transparent-card-brightness': '#FFFFFFFF', + '--inverse-surface-positive': '#1A9E32', + '--inverse-surface-warning': '#FA5F05', + '--inverse-surface-negative': '#F31B31', + '--inverse-surface-solid-default-hover': '#0D0D0DFF', + '--inverse-surface-solid-default-active': '#030303FF', + '--inverse-surface-solid-primary-hover': '#FAFAFAFF', + '--inverse-surface-solid-primary-active': '#F0F0F0FF', + '--inverse-surface-solid-secondary-hover': '#F7F7F7FF', + '--inverse-surface-solid-secondary-active': '#E8E8E8FF', + '--inverse-surface-solid-tertiary-hover': '#E8E8E8FF', + '--inverse-surface-solid-tertiary-active': '#D9D9D9FF', + '--inverse-surface-solid-card-hover': '#FFFFFFFF', + '--inverse-surface-solid-card-active': '#FFFFFFFF', + '--inverse-surface-transparent-primary-hover': '#08080812', + '--inverse-surface-transparent-primary-active': '#08080803', + '--inverse-surface-transparent-secondary-hover': '#0808081F', + '--inverse-surface-transparent-secondary-active': '#0808080A', + '--inverse-surface-transparent-tertiary-hover': '#0808083D', + '--inverse-surface-transparent-tertiary-active': '#0808080F', + '--inverse-surface-transparent-card-hover': '#FFFFFFFF', + '--inverse-surface-transparent-card-active': '#FFFFFFFF', + '--inverse-surface-accent-hover': '#4886F9FF', + '--inverse-surface-accent-active': '#206CF8FF', + '--inverse-surface-accent-gradient-hover': '#FFFFFFFF', + '--inverse-surface-accent-gradient-active': '#FFFFFFFF', + '--inverse-surface-positive-hover': '#1DAF37FF', + '--inverse-surface-positive-active': '#18952FFF', + '--inverse-surface-warning-hover': '#FB7223FF', + '--inverse-surface-warning-active': '#F05B05FF', + '--inverse-surface-negative-hover': '#F5384BFF', + '--inverse-surface-negative-active': '#F31228FF', + '--inverse-surface-clear-hover': '#FFFFFFFF', + '--inverse-surface-clear-active': '#FFFFFFFF', + '--inverse-surface-solid-card': '#FFFFFF', + '--inverse-surface-solid-primary': '#F5F5F5', + '--inverse-surface-solid-secondary': '#ECECEC', + '--inverse-surface-solid-tertiary': '#DDDDDD', + '--inverse-surface-solid-default': '#080808', + '--inverse-surface-transparent-card': '#FFFFFF', + '--inverse-surface-transparent-primary': 'rgba(8,8,8,0.03)', + '--inverse-surface-transparent-secondary': 'rgba(8,8,8,0.06)', + '--inverse-surface-transparent-tertiary': 'rgba(8,8,8,0.12)', + '--inverse-surface-transparent-deep': 'rgba(8,8,8,0.64)', + '--inverse-surface-transparent-deep-hover': '#080808C2', + '--inverse-surface-transparent-deep-active': '#08080894', + '--inverse-surface-clear': 'rgba(0,0,0,0)', + '--inverse-surface-accent': '#2A72F8', + '--inverse-surface-accent-minor': '#DEE9FF', + '--inverse-surface-accent-minor-hover': '#EBF1FFFF', + '--inverse-surface-accent-minor-active': '#D6E4FFFF', + '--inverse-surface-accent-gradient': 'linear-gradient(94deg, #3E79F0 6.49%, #27C6E5 93.51%)', + '--inverse-surface-transparent-accent': 'rgba(42,114,248,0.12)', + '--inverse-surface-transparent-accent-hover': '#2A72F83D', + '--inverse-surface-transparent-accent-active': '#2A72F80F', + '--inverse-surface-info': '#2A72F8', + '--inverse-surface-info-hover': '#4886F9FF', + '--inverse-surface-info-active': '#206CF8FF', + '--inverse-surface-positive-minor': '#9EFAAF', + '--inverse-surface-positive-minor-hover': '#B1FBBFFF', + '--inverse-surface-positive-minor-active': '#94F9A7FF', + '--inverse-surface-warning-minor': '#FEE2D2', + '--inverse-surface-warning-minor-hover': '#FEE9DCFF', + '--inverse-surface-warning-minor-active': '#FEDCC8FF', + '--inverse-surface-negative-minor': '#FFE0E3', + '--inverse-surface-negative-minor-hover': '#FFEBEDFF', + '--inverse-surface-negative-minor-active': '#FFD6DAFF', + '--inverse-surface-info-minor': '#DEE9FF', + '--inverse-surface-info-minor-hover': '#EBF1FFFF', + '--inverse-surface-info-minor-active': '#D6E4FFFF', + '--inverse-surface-transparent-positive': 'rgba(26,158,50,0.12)', + '--inverse-surface-transparent-positive-hover': '#1A9E323D', + '--inverse-surface-transparent-positive-active': '#1A9E320F', + '--inverse-surface-transparent-warning': 'rgba(250,95,5,0.12)', + '--inverse-surface-transparent-warning-hover': '#FA5F053D', + '--inverse-surface-transparent-warning-active': '#FA5F050F', + '--inverse-surface-transparent-negative': 'rgba(243,27,49,0.12)', + '--inverse-surface-transparent-negative-hover': '#F31B313D', + '--inverse-surface-transparent-negative-active': '#F31B310F', + '--inverse-surface-transparent-info': 'rgba(42,114,248,0.12)', + '--inverse-surface-transparent-info-hover': '#2A72F83D', + '--inverse-surface-transparent-info-active': '#2A72F80F', + '--background-primary': '#080808', + '--background-primary-brightness': '#171717', + '--dark-background-primary': '#080808', + '--light-background-primary': '#F9F9F9', + '--inverse-background-primary-brightness': '#FFFFFF', + '--inverse-background-primary': '#F9F9F9', + '--overlay-soft': 'rgba(8, 8, 8, 0.56)', + '--overlay-hard': 'rgba(8, 8, 8, 0.96)', + '--overlay-blur': 'rgba(8, 8, 8, 0.28)', + '--on-dark-overlay-soft': 'rgba(8, 8, 8, 0.56)', + '--on-dark-overlay-hard': 'rgba(8, 8, 8, 0.96)', + '--on-dark-overlay-blur': 'rgba(8, 8, 8, 0.28)', + '--on-light-overlay-soft': 'rgba(249, 249, 249, 0.56)', + '--on-light-overlay-hard': 'rgba(249, 249, 249, 0.96)', + '--on-light-overlay-blur': 'rgba(249, 249, 249, 0.28)', + '--inverse-overlay-soft': 'rgba(249,249,249,0.56)', + '--inverse-overlay-hard': 'rgba(249,249,249,0.96)', + '--inverse-overlay-blur': 'rgba(249,249,249,0.28)', + '--outline-primary-hover': '#303030FF', + '--outline-primary-active': '#212121FF', + '--outline-secondary-hover': '#595959FF', + '--outline-secondary-active': '#4A4A4AFF', + '--outline-tertiary-hover': '#7A7A7AFF', + '--outline-tertiary-active': '#6B6B6BFF', + '--outline-default-hover': '#FFFFFFFF', + '--outline-default-active': '#F5F5F5FF', + '--outline-transparent-primary': 'rgba(255, 255, 255, 0.12)', + '--outline-transparent-primary-hover': '#FFFFFF3D', + '--outline-transparent-primary-active': '#FFFFFF0F', + '--outline-transparent-secondary': 'rgba(255, 255, 255, 0.20)', + '--outline-transparent-secondary-hover': '#FFFFFF52', + '--outline-transparent-secondary-active': '#FFFFFF24', + '--outline-transparent-tertiary': 'rgba(255, 255, 255, 0.40)', + '--outline-transparent-tertiary-hover': '#FFFFFF85', + '--outline-transparent-tertiary-active': '#FFFFFF57', + '--outline-transparent-clear': 'rgba(255, 255, 255, 0.00)', + '--outline-transparent-clear-hover': '#FFFFFF00', + '--outline-transparent-clear-active': '#FFFFFF00', + '--outline-accent': '#3F81FD', + '--outline-accent-hover': '#5D95FDFF', + '--outline-accent-active': '#357BFDFF', + '--outline-accent-minor': '#1549AB', + '--outline-accent-minor-hover': '#1852BFFF', + '--outline-accent-minor-active': '#1446A3FF', + '--outline-transparent-accent': 'rgba(63, 129, 253, 0.28)', + '--outline-transparent-accent-hover': '#3F82FD66', + '--outline-transparent-accent-active': '#3F82FD38', + '--outline-positive': '#24B23E', + '--outline-positive-hover': '#28C344FF', + '--outline-positive-active': '#23A93BFF', + '--outline-warning': '#FF7024', + '--outline-warning-hover': '#FF8442FF', + '--outline-warning-active': '#FF6A1AFF', + '--outline-negative': '#FF3D51', + '--outline-negative-hover': '#FF5C6CFF', + '--outline-negative-active': '#FF3347FF', + '--outline-info-hover': '#70A2FFFF', + '--outline-info-active': '#4788FFFF', + '--outline-positive-minor': '#095C18', + '--outline-positive-minor-hover': '#0B6F1DFF', + '--outline-positive-minor-active': '#085416FF', + '--outline-warning-minor': '#85380C', + '--outline-warning-minor-hover': '#95400EFF', + '--outline-warning-minor-active': '#79340BFF', + '--outline-negative-minor': '#9C1422', + '--outline-negative-minor-hover': '#B01726FF', + '--outline-negative-minor-active': '#951320FF', + '--outline-info-minor-hover': '#1852BFFF', + '--outline-info-minor-active': '#1446A3FF', + '--outline-transparent-positive-hover': '#1A9E3266', + '--outline-transparent-positive-active': '#1A9E3238', + '--outline-transparent-warning-hover': '#FA5F0566', + '--outline-transparent-warning-active': '#FA5F0538', + '--outline-negative-transparent-hover': '#CCCCCCFF', + '--outline-negative-transparent-active': '#E6E6E6FF', + '--outline-transparent-info-hover': '#3F82FD66', + '--outline-transparent-info-active': '#3F82FD38', + '--outline-transparent-positive': 'rgba(26, 158, 50, 0.28)', + '--outline-transparent-warning': 'rgba(250, 95, 5, 0.28)', + '--outline-transparent-negative': 'rgba(243, 27, 49, 0.20)', + '--outline-transparent-negative-hover': '#F31B3152', + '--outline-transparent-negative-active': '#F31B3124', + '--outline-info-minor': '#1549AB', + '--outline-transparent-info': 'rgba(63, 129, 253, 0.28)', + '--outline-info': '#528EFF', + '--outline-solid-primary': '#262626', + '--outline-solid-primary-hover': '#FFFFFFFF', + '--outline-solid-primary-active': '#ADADADFF', + '--outline-solid-secondary': '#4E4E4E', + '--outline-solid-secondary-hover': '#FFFFFFFF', + '--outline-solid-secondary-active': '#8C8C8CFF', + '--outline-solid-tertiary': '#707070', + '--outline-solid-tertiary-hover': '#FFFFFFFF', + '--outline-solid-tertiary-active': '#737373FF', + '--outline-solid-default': '#F9F9F9', + '--outline-solid-default-hover': '#C7C7C7FF', + '--outline-solid-default-active': '#E0E0E0FF', + '--on-dark-outline-primary-hover': '#303030FF', + '--on-dark-outline-primary-active': '#212121FF', + '--on-dark-outline-secondary-hover': '#595959FF', + '--on-dark-outline-secondary-active': '#4A4A4AFF', + '--on-dark-outline-tertiary-hover': '#7A7A7AFF', + '--on-dark-outline-tertiary-active': '#6B6B6BFF', + '--on-dark-outline-default-hover': '#FFFFFFFF', + '--on-dark-outline-default-active': '#F5F5F5FF', + '--on-dark-outline-transparent-primary-hover': '#FFFFFF3D', + '--on-dark-outline-transparent-primary-active': '#FFFFFF0F', + '--on-dark-outline-transparent-secondary-hover': '#FFFFFF52', + '--on-dark-outline-transparent-secondary-active': '#FFFFFF24', + '--on-dark-outline-transparent-tertiary-hover': '#FFFFFF85', + '--on-dark-outline-transparent-tertiary-active': '#FFFFFF57', + '--on-dark-outline-accent-hover': '#5D95FDFF', + '--on-dark-outline-accent-active': '#357BFDFF', + '--on-dark-outline-accent-minor-hover': '#1852BFFF', + '--on-dark-outline-accent-minor-active': '#1446A3FF', + '--on-dark-outline-transparent-accent-hover': '#3F82FD66', + '--on-dark-outline-transparent-accent-active': '#3F82FD38', + '--on-dark-outline-positive-hover': '#28C344FF', + '--on-dark-outline-positive-active': '#23A93BFF', + '--on-dark-outline-warning-hover': '#FF8442FF', + '--on-dark-outline-warning-active': '#FF6A1AFF', + '--on-dark-outline-negative-hover': '#FF5C6CFF', + '--on-dark-outline-negative-active': '#FF3347FF', + '--on-dark-outline-info-hover': '#70A2FFFF', + '--on-dark-outline-info-active': '#4788FFFF', + '--on-dark-outline-positive-minor-hover': '#0B6F1DFF', + '--on-dark-outline-positive-minor-active': '#085416FF', + '--on-dark-outline-warning-minor-hover': '#95400EFF', + '--on-dark-outline-warning-minor-active': '#79340BFF', + '--on-dark-outline-negative-minor-hover': '#B01726FF', + '--on-dark-outline-negative-minor-active': '#951320FF', + '--on-dark-outline-info-minor-hover': '#1852BFFF', + '--on-dark-outline-info-minor-active': '#1446A3FF', + '--on-dark-outline-transparent-positive-hover': '#1A9E3266', + '--on-dark-outline-transparent-positive-active': '#1A9E3238', + '--on-dark-outline-transparent-warning-hover': '#FA5F0566', + '--on-dark-outline-transparent-warning-active': '#FA5F0538', + '--on-dark-outline-negative-transparent-hover': '#FF293E66', + '--on-dark-outline-negative-transparent-active': '#FF293E38', + '--on-dark-outline-transparent-info-hover': '#3F82FD66', + '--on-dark-outline-transparent-info-active': '#3F82FD38', + '--on-dark-outline-transparent-primary': 'rgba(255, 255, 255, 0.12)', + '--on-dark-outline-transparent-secondary': 'rgba(255, 255, 255, 0.20)', + '--on-dark-outline-transparent-tertiary': 'rgba(255, 255, 255, 0.40)', + '--on-dark-outline-accent': '#3F81FD', + '--on-dark-outline-accent-minor': '#1549AB', + '--on-dark-outline-transparent-accent': 'rgba(63, 129, 253, 0.28)', + '--on-dark-outline-positive': '#24B23E', + '--on-dark-outline-warning': '#FF7024', + '--on-dark-outline-negative': '#FF3D51', + '--on-dark-outline-warning-minor': '#85380C', + '--on-dark-outline-negative-minor': '#9C1422', + '--on-dark-outline-transparent-positive': 'rgba(26, 158, 50, 0.28)', + '--on-dark-outline-transparent-warning': 'rgba(250, 95, 5, 0.28)', + '--on-dark-outline-negative-transparent': 'rgba(255, 41, 62, 0.28)', + '--on-dark-outline-positive-minor': '#095C18', + '--on-dark-outline-info-minor': '#1549AB', + '--on-dark-outline-info': '#528EFF', + '--on-dark-outline-transparent-info': 'rgba(63, 129, 253, 0.28)', + '--on-dark-outline-solid-primary': '#262626', + '--on-dark-outline-solid-primary-hover': '#FFFFFFFF', + '--on-dark-outline-solid-primary-active': '#ADADADFF', + '--on-dark-outline-solid-secondary': '#4E4E4E', + '--on-dark-outline-solid-secondary-hover': '#FFFFFFFF', + '--on-dark-outline-solid-secondary-active': '#8C8C8CFF', + '--on-dark-outline-solid-tertiary': '#707070', + '--on-dark-outline-solid-tertiary-hover': '#FFFFFFFF', + '--on-dark-outline-solid-tertiary-active': '#737373FF', + '--on-dark-outline-solid-default': '#F9F9F9', + '--on-dark-outline-solid-default-hover': '#C7C7C7FF', + '--on-dark-outline-solid-default-active': '#E0E0E0FF', + '--on-light-outline-primary-hover': '#E8E8E8FF', + '--on-light-outline-primary-active': '#D9D9D9FF', + '--on-light-outline-secondary-hover': '#9E9E9EFF', + '--on-light-outline-secondary-active': '#8F8F8FFF', + '--on-light-outline-tertiary-hover': '#7A7A7AFF', + '--on-light-outline-tertiary-active': '#6B6B6BFF', + '--on-light-outline-default-hover': '#0D0D0DFF', + '--on-light-outline-default-active': '#030303FF', + '--on-light-outline-transparent-primary': 'rgba(8, 8, 8, 0.20)', + '--on-light-outline-transparent-primary-hover': '#08080852', + '--on-light-outline-transparent-primary-active': '#08080824', + '--on-light-outline-transparent-secondary': 'rgba(8, 8, 8, 0.40)', + '--on-light-outline-transparent-secondary-hover': '#08080885', + '--on-light-outline-transparent-secondary-active': '#08080857', + '--on-light-outline-transparent-tertiary': 'rgba(8, 8, 8, 0.56)', + '--on-light-outline-transparent-tertiary-hover': '#080808AD', + '--on-light-outline-transparent-tertiary-active': '#08080880', + '--on-light-outline-accent': '#2A72F8', + '--on-light-outline-accent-hover': '#4886F9FF', + '--on-light-outline-accent-active': '#206CF8FF', + '--on-light-outline-accent-minor': '#8BB2FC', + '--on-light-outline-accent-minor-hover': '#A1C1FDFF', + '--on-light-outline-accent-minor-active': '#83ADFCFF', + '--on-light-outline-transparent-accent': 'rgba(42, 114, 248, 0.20)', + '--on-light-outline-transparent-accent-hover': '#2A72F852', + '--on-light-outline-transparent-accent-active': '#2A72F824', + '--on-light-outline-positive': '#1A9E32', + '--on-light-outline-positive-hover': '#1DAF37FF', + '--on-light-outline-positive-active': '#18952FFF', + '--on-light-outline-warning': '#FA5F05', + '--on-light-outline-warning-hover': '#FB7223FF', + '--on-light-outline-warning-active': '#F05B05FF', + '--on-light-outline-negative': '#F31B31', + '--on-light-outline-negative-hover': '#F5384BFF', + '--on-light-outline-negative-active': '#F31228FF', + '--on-light-outline-info-hover': '#5D95FDFF', + '--on-light-outline-info-active': '#357BFDFF', + '--on-light-outline-positive-minor': '#28D247', + '--on-light-outline-positive-minor-hover': '#36D954FF', + '--on-light-outline-positive-minor-active': '#26C944FF', + '--on-light-outline-warning-minor': '#FD9C68', + '--on-light-outline-warning-minor-hover': '#FDA97CFF', + '--on-light-outline-warning-minor-active': '#FD965EFF', + '--on-light-outline-negative-minor': '#FF8F9A', + '--on-light-outline-negative-minor-hover': '#FFA3ACFF', + '--on-light-outline-negative-minor-active': '#FF8591FF', + '--on-light-outline-info-minor-hover': '#A1C1FDFF', + '--on-light-outline-info-minor-active': '#83ADFCFF', + '--on-light-outline-transparent-positive': 'rgba(26, 158, 50, 0.20)', + '--on-light-outline-transparent-positive-hover': '#1A9E3252', + '--on-light-outline-transparent-positive-active': '#1A9E3224', + '--on-light-outline-transparent-warning': 'rgba(232, 87, 2, 0.20)', + '--on-light-outline-transparent-warning-hover': '#E8570252', + '--on-light-outline-transparent-warning-active': '#E8570224', + '--on-light-outline-negative-transparent': 'rgba(243, 27, 49, 0.20)', + '--on-light-outline-negative-transparent-hover': '#F31B3152', + '--on-light-outline-negative-transparent-active': '#F31B3124', + '--on-light-outline-transparent-info-hover': '#2A72F852', + '--on-light-outline-transparent-info-active': '#2A72F824', + '--on-light-outline-info': '#3F81FD', + '--on-light-outline-info-minor': '#8BB2FC', + '--on-light-outline-transparent-info': 'rgba(42, 114, 248, 0.20)', + '--on-light-outline-solid-tertiary': '#707070', + '--on-light-outline-solid-tertiary-hover': '#FFFFFFFF', + '--on-light-outline-solid-tertiary-active': '#737373FF', + '--on-light-outline-solid-default': '#080808', + '--on-light-outline-solid-default-hover': '#FFFFFFFF', + '--on-light-outline-solid-default-active': '#C7C7C7FF', + '--on-light-outline-solid-primary': '#DDDDDD', + '--on-light-outline-solid-primary-hover': '#ABABABFF', + '--on-light-outline-solid-primary-active': '#C4C4C4FF', + '--on-light-outline-solid-secondary': '#949494', + '--on-light-outline-solid-secondary-hover': '#FFFFFFFF', + '--on-light-outline-solid-secondary-active': '#575757FF', + '--inverse-outline-primary-hover': '#ABABABFF', + '--inverse-outline-primary-active': '#C4C4C4FF', + '--inverse-outline-secondary-hover': '#FFFFFFFF', + '--inverse-outline-secondary-active': '#575757FF', + '--inverse-outline-tertiary-hover': '#FFFFFFFF', + '--inverse-outline-tertiary-active': '#737373FF', + '--inverse-outline-default-hover': '#FFFFFFFF', + '--inverse-outline-default-active': '#C7C7C7FF', + '--inverse-outline-transparent-primary': 'rgba(8,8,8,0.20)', + '--inverse-outline-transparent-primary-hover': '#080808FF', + '--inverse-outline-transparent-primary-active': '#0808083D', + '--inverse-outline-transparent-secondary': 'rgba(8,8,8,0.40)', + '--inverse-outline-transparent-secondary-hover': '#080808FF', + '--inverse-outline-transparent-secondary-active': '#0808087A', + '--inverse-outline-transparent-tertiary': 'rgba(8,8,8,0.56)', + '--inverse-outline-transparent-tertiary-hover': '#080808FF', + '--inverse-outline-transparent-tertiary-active': '#080808AB', + '--inverse-outline-transparent-clear': 'rgba(255,255,255,0.00)', + '--inverse-outline-transparent-clear-hover': '#FFFFFFFF', + '--inverse-outline-transparent-clear-active': '#FFFFFFFF', + '--inverse-outline-accent': '#2A72F8', + '--inverse-outline-accent-hover': '#79A7FBFF', + '--inverse-outline-accent-active': '#0D5FF8FF', + '--inverse-outline-accent-minor': '#8BB2FC', + '--inverse-outline-accent-minor-hover': '#DCE8FEFF', + '--inverse-outline-accent-minor-active': '#6FA0FBFF', + '--inverse-outline-transparent-accent': 'rgba(42,114,248,0.20)', + '--inverse-outline-transparent-accent-hover': '#2A72F8FF', + '--inverse-outline-transparent-accent-active': '#2A72F83D', + '--inverse-outline-positive': '#1A9E32', + '--inverse-outline-positive-hover': '#1EB83AFF', + '--inverse-outline-positive-active': '#15842AFF', + '--inverse-outline-warning': '#FA5F05', + '--inverse-outline-warning-hover': '#FB7223FF', + '--inverse-outline-warning-active': '#DC5304FF', + '--inverse-outline-negative': '#F31B31', + '--inverse-outline-negative-hover': '#F5384BFF', + '--inverse-outline-negative-active': '#E40C22FF', + '--inverse-outline-info': '#2A72F8', + '--inverse-outline-info-hover': '#79A7FBFF', + '--inverse-outline-info-active': '#0D5FF8FF', + '--inverse-outline-positive-minor': '#28D247', + '--inverse-outline-positive-minor-hover': '#3EDA5BFF', + '--inverse-outline-positive-minor-active': '#23B83EFF', + '--inverse-outline-warning-minor': '#FD9C68', + '--inverse-outline-warning-minor-hover': '#FDB086FF', + '--inverse-outline-warning-minor-active': '#FC884AFF', + '--inverse-outline-negative-minor': '#FF8F9A', + '--inverse-outline-negative-minor-hover': '#FFADB6FF', + '--inverse-outline-negative-minor-active': '#FF707EFF', + '--inverse-outline-info-minor': '#8BB2FC', + '--inverse-outline-info-minor-hover': '#DCE8FEFF', + '--inverse-outline-info-minor-active': '#6FA0FBFF', + '--inverse-outline-transparent-positive': 'rgba(26,158,50,0.20)', + '--inverse-outline-transparent-positive-hover': '#1A9E32FF', + '--inverse-outline-transparent-positive-active': '#1A9E323D', + '--inverse-outline-transparent-warning': 'rgba(250,95,5,0.20)', + '--inverse-outline-transparent-warning-hover': '#FA5F05FF', + '--inverse-outline-transparent-warning-active': '#FA5F053D', + '--inverse-outline-transparent-negative': 'rgba(243,27,49,0.20)', + '--inverse-outline-transparent-negative-hover': '#F31B31FF', + '--inverse-outline-transparent-negative-active': '#F31B313D', + '--inverse-outline-transparent-info': 'rgba(42,114,248,0.20)', + '--inverse-outline-transparent-info-hover': '#2A72F8FF', + '--inverse-outline-transparent-info-active': '#2A72F83D', + '--inverse-outline-solid-primary': '#DDDDDD', + '--inverse-outline-solid-primary-hover': '#ABABABFF', + '--inverse-outline-solid-primary-active': '#C4C4C4FF', + '--inverse-outline-solid-secondary': '#949494', + '--inverse-outline-solid-secondary-hover': '#FFFFFFFF', + '--inverse-outline-solid-secondary-active': '#575757FF', + '--inverse-outline-solid-tertiary': '#707070', + '--inverse-outline-solid-tertiary-hover': '#FFFFFFFF', + '--inverse-outline-solid-tertiary-active': '#737373FF', + '--inverse-outline-solid-default': '#080808', + '--inverse-outline-solid-default-hover': '#FFFFFFFF', + '--inverse-outline-solid-default-active': '#C7C7C7FF', + '--data-default-data-yellow': '#F3A912', + '--data-default-data-yellow-hover': '#F4B22FFF', + '--data-default-data-yellow-active': '#EDA20CFF', + '--data-default-data-yellow-minor': '#A16B00', + '--data-default-data-yellow-minor-hover': '#B87A00FF', + '--data-default-data-yellow-minor-active': '#996600FF', + '--data-default-data-yellow-transparent': '#F3A9128F', + '--data-default-data-yellow-transparent-hover': '#F3A812AD', + '--data-default-data-yellow-transparent-active': '#F3A81280', + '--data-on-dark-data-yellow': '#F3A912', + '--data-on-dark-data-yellow-hover': '#F4B22FFF', + '--data-on-dark-data-yellow-active': '#EDA20CFF', + '--data-on-dark-data-yellow-minor': '#A16B00', + '--data-on-dark-data-yellow-minor-hover': '#B87A00FF', + '--data-on-dark-data-yellow-minor-active': '#996600FF', + '--data-on-dark-data-yellow-transparent': '#F3A9128F', + '--data-on-dark-data-yellow-transparent-hover': '#F3A812AD', + '--data-on-dark-data-yellow-transparent-active': '#F3A81280', + '--data-on-light-data-yellow': '#F3A912', + '--data-on-light-data-yellow-hover': '#F4B22FFF', + '--data-on-light-data-yellow-active': '#EDA20CFF', + '--data-on-light-data-yellow-minor': '#FFD37A', + '--data-on-light-data-yellow-minor-hover': '#FFDA8FFF', + '--data-on-light-data-yellow-minor-active': '#FFCF70FF', + '--data-on-light-data-yellow-transparent': '#F3A9128F', + '--data-on-light-data-yellow-transparent-hover': '#F3A812AD', + '--data-on-light-data-yellow-transparent-active': '#F3A81280', + '--data-inverse-data-yellow': '#F3A912', + '--data-inverse-data-yellow-hover': '#F4B22FFF', + '--data-inverse-data-yellow-active': '#EDA20CFF', + '--data-inverse-data-yellow-minor': '#FFD37A', + '--data-inverse-data-yellow-minor-hover': '#FFDA8FFF', + '--data-inverse-data-yellow-minor-active': '#FFCF70FF', + '--data-inverse-data-yellow-transparent': '#F3A9128F', + '--data-inverse-data-yellow-transparent-hover': '#F3A812AD', + '--data-inverse-data-yellow-transparent-active': '#F3A81280', + '--skeleton-gradient': + 'linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% )', + '--skeleton-gradient-lighter': + 'linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% )', + '--plasma-colors-white-primary': 'var(--on-dark-text-primary)', + '--plasma-colors-white-secondary': 'var(--on-dark-text-secondary)', + '--plasma-colors-white-tertiary': 'var(--on-dark-text-tertiary)', + '--plasma-colors-black-primary': 'var(--on-light-text-primary)', + '--plasma-colors-black-secondary': 'var(--on-light-text-secondary)', + '--plasma-colors-black-tertiary': 'var(--on-light-text-tertiary)', + '--plasma-colors-button-black': 'var(--on-light-surface-solid-default)', + '--plasma-colors-button-black-secondary': 'var(--on-light-surface-transparent-secondary)', + '--plasma-colors-button-white': 'var(--on-dark-surface-solid-default)', + '--plasma-colors-button-white-secondary': 'var(--on-dark-surface-transparent-secondary)', + '--plasma-colors-text': 'var(--text-primary)', + '--plasma-colors-primary': 'var(--text-primary)', + '--plasma-colors-secondary': 'var(--text-secondary)', + '--plasma-colors-tertiary': 'var(--text-tertiary)', + '--plasma-colors-paragraph': 'var(--text-paragraph)', + '--plasma-colors-background': 'var(--background-primary)', + '--plasma-colors-accent': 'var(--text-accent)', + '--plasma-colors-success': 'var(--text-positive)', + '--plasma-colors-warning': 'var(--text-warning)', + '--plasma-colors-critical': 'var(--text-negative)', + '--plasma-colors-overlay': 'var(--overlay-soft)', + '--plasma-colors-surface-liquid01': 'var(--surface-transparent-primary)', + '--plasma-colors-surface-liquid02': 'var(--surface-transparent-secondary)', + '--plasma-colors-surface-liquid03': 'var(--surface-transparent-tertiary)', + '--plasma-colors-surface-solid01': 'var(--surface-solid-primary)', + '--plasma-colors-surface-solid02': 'var(--surface-solid-secondary)', + '--plasma-colors-surface-solid03': 'var(--surface-solid-tertiary)', + '--plasma-colors-surface-card': 'var(--surface-transparent-card)', + '--plasma-colors-button-secondary': 'var(--surface-transparent-secondary)', + '--plasma-colors-button-accent': 'var(--text-accent)', + '--plasma-colors-button-success': 'var(--surface-positive)', + '--plasma-colors-button-warning': 'var(--surface-warning)', + '--plasma-colors-button-critical': 'var(--surface-negative)', + '--shadow-down-soft-s': '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)', + '--shadow-down-soft-m': '0px 24px 48px -8px rgba(0, 0, 0, 0.08)', + '--shadow-down-soft-l': '0px 60px 112px -8px rgba(0, 0, 0, 0.08)', + '--shadow-down-hard-s': '0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08)', + '--shadow-down-hard-m': '0px 16px 32px -8px rgba(0, 0, 0, 0.24)', + '--shadow-down-hard-l': '0px 60px 112px -8px rgba(0, 0, 0, 0.40)', + '--shadow-up-soft-s': '0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03)', + '--shadow-up-soft-m': '0px -24px 48px -8px rgba(0, 0, 0, 0.08)', + '--shadow-up-soft-l': '0px -60px 112px -8px rgba(0, 0, 0, 0.08)', + '--shadow-up-hard-s': '0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03)', + '--shadow-up-hard-m': '0px -16px 32px -8px rgba(0, 0, 0, 0.24)', + '--shadow-up-hard-l': '0px -60px 112px -8px rgba(0, 0, 0, 0.40)', + color: 'var(--text-primary)', + 'background-color': 'var(--background-primary)', + }, +}; +/** @deprecated использовать вместо этого plasma_b2c_ACTUAL_TYPOGRAPHY__dark */ +export const darkPlasma_b2c_ACTUAL_TYPOGRAPHY = plasma_b2c_ACTUAL_TYPOGRAPHY__dark; diff --git a/packages/plasma-tokens/src/themes/plasma_b2c_ACTUAL_TYPOGRAPHY__light.ts b/packages/plasma-tokens/src/themes/plasma_b2c_ACTUAL_TYPOGRAPHY__light.ts new file mode 100644 index 0000000000..e4ceb7eebe --- /dev/null +++ b/packages/plasma-tokens/src/themes/plasma_b2c_ACTUAL_TYPOGRAPHY__light.ts @@ -0,0 +1,925 @@ +// Generated by robots, do not change this manually! + +export const plasma_b2c_ACTUAL_TYPOGRAPHY__light = { + ':root': { + '--text-primary': 'rgba(8, 8, 8, 0.96)', + '--text-primary-brightness': '#080808F5', + '--text-secondary': 'rgba(8, 8, 8, 0.56)', + '--text-tertiary': 'rgba(8, 8, 8, 0.28)', + '--text-paragraph': 'rgba(8, 8, 8, 0.8)', + '--text-accent': '#2A72F8', + '--text-accent-gradient': 'linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)', + '--text-positive': '#1A9E32', + '--text-warning': '#FA5F05', + '--text-negative': '#F31B31', + '--text-accent-minor-hover': '#B4CEFDFF', + '--text-accent-minor-active': '#6599FBFF', + '--text-info-hover': '#689CFDFF', + '--text-info-active': '#1767FDFF', + '--text-positive-minor-hover': '#47DC62FF', + '--text-positive-minor-active': '#21B03CFF', + '--text-warning-minor-hover': '#FDB790FF', + '--text-warning-minor-active': '#FC8240FF', + '--text-negative-minor-hover': '#FFB8BFFF', + '--text-negative-minor-active': '#FF6675FF', + '--text-info-minor-hover': '#B4CEFDFF', + '--text-info-minor-active': '#6599FBFF', + '--text-accent-minor': '#8BB2FC', + '--text-positive-minor': '#28D247', + '--text-warning-minor': '#FD9C68', + '--text-negative-minor': '#FF8F9A', + '--text-info': '#3F81FD', + '--text-info-minor': '#8BB2FC', + '--text-primary-hover': '#08080893', + '--text-primary-active': '#080808C4', + '--text-secondary-hover': '#080808FF', + '--text-secondary-active': '#080808AB', + '--text-tertiary-hover': '#080808FF', + '--text-tertiary-active': '#08080856', + '--text-paragraph-hover': '#0808087A', + '--text-paragraph-active': '#080808A3', + '--text-accent-hover': '#528DFAFF', + '--text-accent-active': '#075AF2FF', + '--text-accent-gradient-hover': '#000000FF', + '--text-accent-gradient-active': '#CCCCCCFF', + '--text-positive-hover': '#1FC13DFF', + '--text-positive-active': '#147B27FF', + '--text-warning-hover': '#FB782DFF', + '--text-warning-active': '#D25004FF', + '--text-negative-hover': '#F54254FF', + '--text-negative-active': '#DA0B20FF', + '--on-dark-text-primary': 'rgba(255, 255, 255, 0.96)', + '--on-dark-text-primary-brightness': '#FFFFFFF5', + '--on-dark-text-secondary': 'rgba(255, 255, 255, 0.56)', + '--on-dark-text-tertiary': 'rgba(255, 255, 255, 0.28)', + '--on-dark-text-paragraph': 'rgba(255, 255, 255, 0.8)', + '--on-dark-text-accent': '#3F81FD', + '--on-dark-text-accent-gradient': 'linear-gradient(89.83deg, #5E94FF 0%, #43DBFA 100%)', + '--on-dark-text-positive': '#1A9E32', + '--on-dark-text-warning': '#FA5F05', + '--on-dark-text-negative': '#FF293E', + '--on-dark-text-accent-minor': '#1549AB', + '--on-dark-text-accent-minor-hover': '#000000FF', + '--on-dark-text-accent-minor-active': '#113B88FF', + '--on-dark-text-info-hover': '#689CFDFF', + '--on-dark-text-info-active': '#1767FDFF', + '--on-dark-text-positive-minor': '#095C18', + '--on-dark-text-positive-minor-hover': '#11A72CFF', + '--on-dark-text-positive-minor-active': '#0D8222FF', + '--on-dark-text-warning-minor': '#85380C', + '--on-dark-text-warning-minor-hover': '#CD5713FF', + '--on-dark-text-warning-minor-active': '#A84710FF', + '--on-dark-text-negative-minor': '#9C1422', + '--on-dark-text-negative-minor-hover': '#C2192AFF', + '--on-dark-text-negative-minor-active': '#7A101AFF', + '--on-dark-text-info-minor-hover': '#000000FF', + '--on-dark-text-info-minor-active': '#113B88FF', + '--on-dark-text-info-minor': '#1549AB', + '--on-dark-text-info': '#3F81FD', + '--on-dark-text-primary-hover': '#FFFFFF93', + '--on-dark-text-primary-active': '#FFFFFFC4', + '--on-dark-text-secondary-hover': '#FFFFFFFF', + '--on-dark-text-secondary-active': '#FFFFFFAB', + '--on-dark-text-tertiary-hover': '#FFFFFFFF', + '--on-dark-text-tertiary-active': '#FFFFFF56', + '--on-dark-text-paragraph-hover': '#FFFFFF7A', + '--on-dark-text-paragraph-active': '#FFFFFFA3', + '--on-dark-text-accent-hover': '#689CFDFF', + '--on-dark-text-accent-active': '#1767FDFF', + '--on-dark-text-accent-gradient-hover': '#000000FF', + '--on-dark-text-accent-gradient-active': '#CCCCCCFF', + '--on-dark-text-positive-hover': '#1FC13DFF', + '--on-dark-text-positive-active': '#147B27FF', + '--on-dark-text-warning-hover': '#FB782DFF', + '--on-dark-text-warning-active': '#D25004FF', + '--on-dark-text-negative-hover': '#FF5263FF', + '--on-dark-text-negative-active': '#FF001AFF', + '--on-light-text-primary': 'rgba(8, 8, 8, 0.96)', + '--on-light-text-primary-brightness': '#080808F5', + '--on-light-text-secondary': 'rgba(8, 8, 8, 0.56)', + '--on-light-text-tertiary': 'rgba(8, 8, 8, 0.28)', + '--on-light-text-paragraph': 'rgba(8, 8, 8, 0.8)', + '--on-light-text-accent': '#2A72F8', + '--on-light-text-accent-gradient': 'linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)', + '--on-light-text-positive': '#1A9E32', + '--on-light-text-warning': '#FA5F05', + '--on-light-text-accent-minor': '#8BB2FC', + '--on-light-text-accent-minor-hover': '#B4CEFDFF', + '--on-light-text-accent-minor-active': '#6599FBFF', + '--on-light-text-info-hover': '#528DFAFF', + '--on-light-text-info-active': '#075AF2FF', + '--on-light-text-positive-minor': '#28D247', + '--on-light-text-positive-minor-hover': '#47DC62FF', + '--on-light-text-positive-minor-active': '#21B03CFF', + '--on-light-text-warning-minor': '#FD9C68', + '--on-light-text-warning-minor-hover': '#FDB790FF', + '--on-light-text-warning-minor-active': '#FC8240FF', + '--on-light-text-negative-minor': '#FF8F9A', + '--on-light-text-negative-minor-hover': '#FFB8BFFF', + '--on-light-text-negative-minor-active': '#FF6675FF', + '--on-light-text-info-minor-hover': '#B4CEFDFF', + '--on-light-text-info-minor-active': '#6599FBFF', + '--on-light-text-negative': '#F31B31', + '--on-light-text-negative-hover': '#F54254FF', + '--on-light-text-negative-active': '#DA0B20FF', + '--on-light-text-info': '#2A72F8', + '--on-light-text-info-minor': '#8BB2FC', + '--on-light-text-primary-hover': '#08080893', + '--on-light-text-primary-active': '#080808C4', + '--on-light-text-secondary-hover': '#080808FF', + '--on-light-text-secondary-active': '#080808AB', + '--on-light-text-tertiary-hover': '#080808FF', + '--on-light-text-tertiary-active': '#08080856', + '--on-light-text-paragraph-hover': '#0808087A', + '--on-light-text-paragraph-active': '#080808A3', + '--on-light-text-accent-hover': '#528DFAFF', + '--on-light-text-accent-active': '#075AF2FF', + '--on-light-text-accent-gradient-hover': '#000000FF', + '--on-light-text-accent-gradient-active': '#CCCCCCFF', + '--on-light-text-positive-hover': '#1FC13DFF', + '--on-light-text-positive-active': '#147B27FF', + '--on-light-text-warning-hover': '#FB782DFF', + '--on-light-text-warning-active': '#D25004FF', + '--inverse-text-primary': 'rgba(255, 255, 255, 0.96)', + '--inverse-text-primary-brightness': '#FFFFFFF5', + '--inverse-text-secondary': 'rgba(255, 255, 255, 0.56)', + '--inverse-text-tertiary': 'rgba(255, 255, 255, 0.28)', + '--inverse-text-paragraph': 'rgba(255, 255, 255, 0.8)', + '--inverse-text-positive': '#1A9E32', + '--inverse-text-warning': '#FA5F05', + '--inverse-text-negative': '#FF293E', + '--inverse-text-primary-hover': '#FFFFFF93', + '--inverse-text-primary-active': '#FFFFFFC4', + '--inverse-text-secondary-hover': '#FFFFFFFF', + '--inverse-text-secondary-active': '#FFFFFFAB', + '--inverse-text-tertiary-hover': '#FFFFFFFF', + '--inverse-text-tertiary-active': '#FFFFFF56', + '--inverse-text-paragraph-hover': '#FFFFFF7A', + '--inverse-text-paragraph-active': '#FFFFFFA3', + '--inverse-text-accent-hover': '#689CFDFF', + '--inverse-text-accent-active': '#1767FDFF', + '--inverse-text-accent-gradient-hover': '#FFFFFFFF', + '--inverse-text-accent-gradient-active': '#CCCCCCFF', + '--inverse-text-positive-hover': '#1FC13DFF', + '--inverse-text-positive-active': '#147B27FF', + '--inverse-text-warning-hover': '#FB782DFF', + '--inverse-text-warning-active': '#D25004FF', + '--inverse-text-negative-hover': '#FF5263FF', + '--inverse-text-negative-active': '#FF001AFF', + '--inverse-text-accent-minor': '#1549AB', + '--inverse-text-accent-minor-hover': '#FFFFFFFF', + '--inverse-text-accent-minor-active': '#113B88FF', + '--inverse-text-info-hover': '#689CFDFF', + '--inverse-text-info-active': '#1767FDFF', + '--inverse-text-positive-minor-hover': '#11A72CFF', + '--inverse-text-positive-minor-active': '#0D8222FF', + '--inverse-text-warning-minor-hover': '#CD5713FF', + '--inverse-text-warning-minor-active': '#A84710FF', + '--inverse-text-negative-minor-hover': '#C2192AFF', + '--inverse-text-negative-minor-active': '#7A101AFF', + '--inverse-text-info-minor-hover': '#FFFFFFFF', + '--inverse-text-info-minor-active': '#113B88FF', + '--inverse-text-accent': '#3F81FD', + '--inverse-text-accent-gradient': 'linear-gradient(90deg, #5E94FF 0%, #43DBFA 100%)', + '--inverse-text-info': '#3F81FD', + '--inverse-text-positive-minor': '#095C18', + '--inverse-text-warning-minor': '#85380C', + '--inverse-text-negative-minor': '#9C1422', + '--inverse-text-info-minor': '#1549AB', + '--surface-solid-default': '#080808', + '--surface-solid-primary': '#F5F5F5', + '--surface-solid-primary-brightness': '#FFFFFFFF', + '--surface-solid-secondary': '#ECECEC', + '--surface-solid-tertiary': '#DDDDDD', + '--surface-solid-card': 'rgba(255, 255, 255, 1)', + '--surface-solid-card-brightness': '#FFFFFFFF', + '--surface-transparent-primary': 'rgba(8, 8, 8, 0.03)', + '--surface-transparent-secondary': 'rgba(8, 8, 8, 0.06)', + '--surface-transparent-tertiary': 'rgba(8, 8, 8, 0.12)', + '--surface-transparent-card': 'rgba(255, 255, 255, 1)', + '--surface-transparent-card-brightness': '#FFFFFFFF', + '--surface-accent': '#2A72F8', + '--surface-accent-gradient': 'linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)', + '--surface-positive': '#1A9E32', + '--surface-warning': '#FA5F05', + '--surface-negative': '#F31B31', + '--surface-clear': 'rgba(255, 255, 255, 0)', + '--surface-transparent-deep': 'rgba(8, 8, 8, 0.64)', + '--surface-accent-minor-hover': '#F5F8FFFF', + '--surface-accent-minor-active': '#D6E4FFFF', + '--surface-transparent-accent-hover': '#2A72F80A', + '--surface-transparent-accent-active': '#2A72F829', + '--surface-info-hover': '#689CFDFF', + '--surface-info-active': '#2B74FDFF', + '--surface-positive-minor-hover': '#B1FBBFFF', + '--surface-positive-minor-active': '#8BF99FFF', + '--surface-warning-minor-hover': '#FEEFE6FF', + '--surface-warning-minor-active': '#FEDCC8FF', + '--surface-negative-minor-hover': '#FFF5F6FF', + '--surface-negative-minor-active': '#FFD6DAFF', + '--surface-info-minor-hover': '#F5F8FFFF', + '--surface-info-minor-active': '#D6E4FFFF', + '--surface-transparent-positive-hover': '#1A9E320A', + '--surface-transparent-positive-active': '#1A9E3229', + '--surface-transparent-warning-hover': '#FA5F050A', + '--surface-transparent-warning-active': '#FA5F0529', + '--surface-transparent-negative-hover': '#F31B310A', + '--surface-transparent-negative-active': '#F31B3129', + '--surface-transparent-info-hover': '#2A72F80A', + '--surface-transparent-info-active': '#2A72F829', + '--surface-accent-minor': '#DEE9FF', + '--surface-transparent-accent': 'rgba(42, 114, 248, 0.12)', + '--surface-positive-minor': '#9EFAAF', + '--surface-warning-minor': '#FEE2D2', + '--surface-negative-minor': '#FFE0E3', + '--surface-transparent-positive': 'rgba(26, 158, 50, 0.12)', + '--surface-transparent-warning': 'rgba(250, 95, 5, 0.12)', + '--surface-transparent-negative': 'rgba(243, 27, 49, 0.12)', + '--surface-info': '#3F81FD', + '--surface-info-minor': '#DEE9FF', + '--surface-transparent-info': 'rgba(42, 114, 248, 0.12)', + '--surface-solid-default-hover': '#262626FF', + '--surface-solid-default-active': '#030303FF', + '--surface-solid-primary-hover': '#FAFAFAFF', + '--surface-solid-primary-active': '#F0F0F0FF', + '--surface-solid-secondary-hover': '#F7F7F7FF', + '--surface-solid-secondary-active': '#E8E8E8FF', + '--surface-solid-tertiary-hover': '#EDEDEDFF', + '--surface-solid-tertiary-active': '#D4D4D4FF', + '--surface-solid-card-hover': '#FFFFFFFF', + '--surface-solid-card-active': '#FFFFFFFF', + '--surface-transparent-primary-hover': '#08080803', + '--surface-transparent-primary-active': '#0808080D', + '--surface-transparent-secondary-hover': '#08080805', + '--surface-transparent-secondary-active': '#0808081A', + '--surface-transparent-tertiary-hover': '#0808080A', + '--surface-transparent-tertiary-active': '#08080829', + '--surface-transparent-card-hover': '#FFFFFFFF', + '--surface-transparent-card-active': '#FFFFFFFF', + '--surface-accent-hover': '#528DFAFF', + '--surface-accent-active': '#1665F8FF', + '--surface-accent-gradient-hover': '#FFFFFFFF', + '--surface-accent-gradient-active': '#FFFFFFFF', + '--surface-positive-hover': '#1EB83AFF', + '--surface-positive-active': '#178C2CFF', + '--surface-warning-hover': '#FB782DFF', + '--surface-warning-active': '#E65705FF', + '--surface-negative-hover': '#F54254FF', + '--surface-negative-active': '#ED0C23FF', + '--surface-clear-hover': '#FFFFFF00', + '--surface-clear-active': '#FFFFFF00', + '--surface-transparent-deep-hover': '#0808088F', + '--surface-transparent-deep-active': '#080808AD', + '--on-dark-surface-solid-primary': '#171717', + '--on-dark-surface-solid-primary-brightness': '#262626FF', + '--on-dark-surface-solid-secondary': '#262626', + '--on-dark-surface-solid-tertiary': '#363636', + '--on-dark-surface-solid-card': '#171717', + '--on-dark-surface-solid-card-brightness': '#262626FF', + '--on-dark-surface-accent': '#3F81FD', + '--on-dark-surface-accent-gradient': 'linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)', + '--on-dark-surface-positive': '#1A9E32', + '--on-dark-surface-warning': '#FA5F05', + '--on-dark-surface-negative': '#FF293E', + '--on-dark-surface-transparent-deep': 'rgba(255, 255, 255, 0.64)', + '--on-dark-surface-accent-minor': '#1549AB', + '--on-dark-surface-accent-minor-hover': '#1956C8FF', + '--on-dark-surface-accent-minor-active': '#13429AFF', + '--on-dark-surface-transparent-accent': 'rgba(63, 129, 253, 0.20)', + '--on-dark-surface-transparent-accent-hover': '#3F82FD1F', + '--on-dark-surface-transparent-accent-active': '#3F82FD3D', + '--on-dark-surface-surface-info-hover': '#689CFDFF', + '--on-dark-surface-surface-info-active': '#2B74FDFF', + '--on-dark-surface-positive-minor': '#0A2B10', + '--on-dark-surface-positive-minor-hover': '#0E3A16FF', + '--on-dark-surface-positive-minor-active': '#061909FF', + '--on-dark-surface-warning-minor': '#3D1D0A', + '--on-dark-surface-warning-minor-hover': '#58290EFF', + '--on-dark-surface-warning-minor-active': '#2C1507FF', + '--on-dark-surface-negative-minor': '#4A0D13', + '--on-dark-surface-negative-minor-hover': '#64121AFF', + '--on-dark-surface-negative-minor-active': '#380A0FFF', + '--on-dark-surface-info-minor-hover': '#0A2A67FF', + '--on-dark-surface-info-minor-active': '#061B41FF', + '--on-dark-surface-transparent-positive-hover': '#1A9E321F', + '--on-dark-surface-transparent-positive-active': '#1A9E323D', + '--on-dark-surface-transparent-warning-hover': '#FA5F051F', + '--on-dark-surface-transparent-warning-active': '#FA5F053D', + '--on-dark-surface-transparent-negative-hover': '#FF293E1F', + '--on-dark-surface-transparent-negative-active': '#FF293E3D', + '--on-dark-surface-transparent-info-hover': '#3F82FD1F', + '--on-dark-surface-transparent-info-active': '#3F82FD3D', + '--on-dark-surface-solid-default': '#F9F9F9', + '--on-dark-surface-solid-default-hover': '#FFFFFFFF', + '--on-dark-surface-solid-default-active': '#F5F5F5FF', + '--on-dark-surface-transparent-primary': 'rgba(255, 255, 255, 0.06)', + '--on-dark-surface-transparent-primary-hover': '#FFFFFF05', + '--on-dark-surface-transparent-primary-active': '#FFFFFF1A', + '--on-dark-surface-transparent-secondary': 'rgba(255, 255, 255, 0.12)', + '--on-dark-surface-transparent-secondary-hover': '#FFFFFF0A', + '--on-dark-surface-transparent-secondary-active': '#FFFFFF29', + '--on-dark-surface-transparent-tertiary': 'rgba(255, 255, 255, 0.20)', + '--on-dark-surface-transparent-tertiary-hover': '#FFFFFF1F', + '--on-dark-surface-transparent-tertiary-active': '#FFFFFF3D', + '--on-dark-surface-transparent-card': 'rgba(255,255,255,0.12)', + '--on-dark-surface-transparent-card-brightness': '#FFFFFF1F', + '--on-dark-surface-transparent-card-hover': '#FFFFFF0A', + '--on-dark-surface-transparent-card-active': '#FFFFFF29', + '--on-dark-surface-transparent-positive': 'rgba(26, 158, 50, 0.20)', + '--on-dark-surface-transparent-warning': 'rgba(250, 95, 5, 0.20)', + '--on-dark-surface-transparent-negative': 'rgba(255, 41, 62, 0.20)', + '--on-dark-surface-surface-info': '#3F81FD', + '--on-dark-surface-info-minor': '#082254', + '--on-dark-surface-transparent-info': 'rgba(63, 129, 253, 0.20)', + '--on-dark-surface-solid-primary-hover': '#363636FF', + '--on-dark-surface-solid-primary-active': '#0D0D0DFF', + '--on-dark-surface-solid-secondary-hover': '#3B3B3BFF', + '--on-dark-surface-solid-secondary-active': '#1C1C1CFF', + '--on-dark-surface-solid-tertiary-hover': '#4A4A4AFF', + '--on-dark-surface-solid-tertiary-active': '#2B2B2BFF', + '--on-dark-surface-solid-card-hover': '#363636FF', + '--on-dark-surface-solid-card-active': '#0D0D0DFF', + '--on-dark-surface-accent-hover': '#689CFDFF', + '--on-dark-surface-accent-active': '#2B74FDFF', + '--on-dark-surface-accent-gradient-hover': '#FFFFFFFF', + '--on-dark-surface-accent-gradient-active': '#FFFFFFFF', + '--on-dark-surface-positive-hover': '#1EB83AFF', + '--on-dark-surface-positive-active': '#178C2CFF', + '--on-dark-surface-warning-hover': '#FB782DFF', + '--on-dark-surface-warning-active': '#E65705FF', + '--on-dark-surface-negative-hover': '#FF5263FF', + '--on-dark-surface-negative-active': '#FF142CFF', + '--on-dark-surface-transparent-deep-hover': '#FFFFFF8F', + '--on-dark-surface-transparent-deep-active': '#FFFFFFAD', + '--on-light-surface-solid-default': '#080808', + '--on-light-surface-solid-primary': '#F5F5F5', + '--on-light-surface-solid-primary-brightness': '#FFFFFFFF', + '--on-light-surface-solid-secondary': '#ECECEC', + '--on-light-surface-solid-tertiary': '#DDDDDD', + '--on-light-surface-solid-card': 'rgba(255, 255, 255, 1)', + '--on-light-surface-solid-card-brightness': '#FFFFFFFF', + '--on-light-surface-transparent-primary': 'rgba(8, 8, 8, 0.03)', + '--on-light-surface-transparent-secondary': 'rgba(8, 8, 8, 0.06)', + '--on-light-surface-transparent-tertiary': 'rgba(8, 8, 8, 0.12)', + '--on-light-surface-transparent-card': 'rgba(255, 255, 255, 1)', + '--on-light-surface-transparent-card-brightness': '#FFFFFFFF', + '--on-light-surface-accent': '#2A72F8', + '--on-light-surface-accent-gradient': 'linear-gradient(93.97deg, #3E79F0 6.49%, #27C6E5 93.51%)', + '--on-light-surface-positive': '#1A9E32', + '--on-light-surface-warning': '#FA5F05', + '--on-light-surface-negative': '#F31B31', + '--on-light-surface-transparent-deep': 'rgba(8, 8, 8, 0.64)', + '--on-light-surface-accent-minor': '#DEE9FF', + '--on-light-surface-accent-minor-hover': '#F5F8FFFF', + '--on-light-surface-accent-minor-active': '#D6E4FFFF', + '--on-light-surface-transparent-accent': 'rgba(42, 114, 248, 0.12)', + '--on-light-surface-transparent-accent-hover': '#2A72F80A', + '--on-light-surface-transparent-accent-active': '#2A72F829', + '--on-light-surface-info-hover': '#689CFDFF', + '--on-light-surface-info-active': '#2B74FDFF', + '--on-light-surface-positive-minor': '#9EFAAF', + '--on-light-surface-positive-minor-hover': '#B1FBBFFF', + '--on-light-surface-positive-minor-active': '#8BF99FFF', + '--on-light-surface-warning-minor': '#FEE2D2', + '--on-light-surface-warning-minor-hover': '#FEEFE6FF', + '--on-light-surface-warning-minor-active': '#FEDCC8FF', + '--on-light-surface-negative-minor': '#FFE0E3', + '--on-light-surface-negative-minor-hover': '#FFF5F6FF', + '--on-light-surface-negative-minor-active': '#FFD6DAFF', + '--on-light-surface-info-minor-hover': '#F5F8FFFF', + '--on-light-surface-info-minor-active': '#D6E4FFFF', + '--on-light-surface-transparent-positive-hover': '#1A9E320A', + '--on-light-surface-transparent-positive-active': '#1A9E3229', + '--on-light-surface-transparent-warning-hover': '#FA5F050A', + '--on-light-surface-transparent-warning-active': '#FA5F0529', + '--on-light-surface-transparent-negative-hover': '#F31B310A', + '--on-light-surface-transparent-negative-active': '#F31B3129', + '--on-light-surface-transparent-info-hover': '#2A72F80A', + '--on-light-surface-transparent-info-active': '#2A72F829', + '--on-light-surface-transparent-positive': 'rgba(26, 158, 50, 0.12)', + '--on-light-surface-transparent-warning': 'rgba(250, 95, 5, 0.12)', + '--on-light-surface-transparent-negative': 'rgba(243, 27, 49, 0.12)', + '--on-light-surface-info': '#3F81FD', + '--on-light-surface-info-minor': '#DEE9FF', + '--on-light-surface-transparent-info': 'rgba(42, 114, 248, 0.12)', + '--on-light-surface-solid-default-hover': '#262626FF', + '--on-light-surface-solid-default-active': '#030303FF', + '--on-light-surface-solid-primary-hover': '#FAFAFAFF', + '--on-light-surface-solid-primary-active': '#F0F0F0FF', + '--on-light-surface-solid-secondary-hover': '#F7F7F7FF', + '--on-light-surface-solid-secondary-active': '#E8E8E8FF', + '--on-light-surface-solid-tertiary-hover': '#EDEDEDFF', + '--on-light-surface-solid-tertiary-active': '#D4D4D4FF', + '--on-light-surface-solid-card-hover': '#FFFFFFFF', + '--on-light-surface-solid-card-active': '#FFFFFFFF', + '--on-light-surface-transparent-primary-hover': '#08080803', + '--on-light-surface-transparent-primary-active': '#0808080D', + '--on-light-surface-transparent-secondary-hover': '#08080805', + '--on-light-surface-transparent-secondary-active': '#0808081A', + '--on-light-surface-transparent-tertiary-hover': '#0808080A', + '--on-light-surface-transparent-tertiary-active': '#08080829', + '--on-light-surface-transparent-card-hover': '#FFFFFFFF', + '--on-light-surface-transparent-card-active': '#FFFFFFFF', + '--on-light-surface-accent-hover': '#528DFAFF', + '--on-light-surface-accent-active': '#1665F8FF', + '--on-light-surface-accent-gradient-hover': '#FFFFFFFF', + '--on-light-surface-accent-gradient-active': '#FFFFFFFF', + '--on-light-surface-positive-hover': '#1EB83AFF', + '--on-light-surface-positive-active': '#178C2CFF', + '--on-light-surface-warning-hover': '#FB782DFF', + '--on-light-surface-warning-active': '#E65705FF', + '--on-light-surface-negative-hover': '#F54254FF', + '--on-light-surface-negative-active': '#ED0C23FF', + '--on-light-surface-transparent-deep-hover': '#0808088F', + '--on-light-surface-transparent-deep-active': '#080808AD', + '--inverse-surface-solid-default': '#FFFFFF', + '--inverse-surface-solid-primary': '#171717', + '--inverse-surface-solid-primary-brightness': '#262626FF', + '--inverse-surface-solid-secondary': '#262626', + '--inverse-surface-solid-tertiary': '#363636', + '--inverse-surface-solid-card': '#171717', + '--inverse-surface-solid-card-brightness': '#262626FF', + '--inverse-surface-transparent-primary': '#171717', + '--inverse-surface-transparent-secondary': '#262626', + '--inverse-surface-transparent-tertiary': '#363636', + '--inverse-surface-transparent-card': '#080808', + '--inverse-surface-transparent-card-brightness': '#171717FF', + '--inverse-surface-accent': '#FFFFFF', + '--inverse-surface-accent-gradient': 'linear-gradient(135deg, black 0%, #FFFFFF 100%)', + '--inverse-surface-positive': '#1A9E32', + '--inverse-surface-warning': '#FA5F05', + '--inverse-surface-negative': '#FF293E', + '--inverse-surface-clear': 'rgba(0, 0, 0, 0)', + '--inverse-surface-solid-default-hover': '#FFFFFFFF', + '--inverse-surface-solid-default-active': '#FFFFFFFF', + '--inverse-surface-solid-primary-hover': '#363636FF', + '--inverse-surface-solid-primary-active': '#0D0D0DFF', + '--inverse-surface-solid-secondary-hover': '#3B3B3BFF', + '--inverse-surface-solid-secondary-active': '#1C1C1CFF', + '--inverse-surface-solid-tertiary-hover': '#4A4A4AFF', + '--inverse-surface-solid-tertiary-active': '#2B2B2BFF', + '--inverse-surface-solid-card-hover': '#363636FF', + '--inverse-surface-solid-card-active': '#0D0D0DFF', + '--inverse-surface-transparent-primary-hover': '#363636FF', + '--inverse-surface-transparent-primary-active': '#0D0D0DFF', + '--inverse-surface-transparent-secondary-hover': '#3B3B3BFF', + '--inverse-surface-transparent-secondary-active': '#1C1C1CFF', + '--inverse-surface-transparent-tertiary-hover': '#4A4A4AFF', + '--inverse-surface-transparent-tertiary-active': '#2B2B2BFF', + '--inverse-surface-transparent-card-hover': '#262626FF', + '--inverse-surface-transparent-card-active': '#030303FF', + '--inverse-surface-accent-hover': '#FFFFFFFF', + '--inverse-surface-accent-active': '#FFFFFFFF', + '--inverse-surface-accent-gradient-hover': '#FFFFFFFF', + '--inverse-surface-accent-gradient-active': '#FFFFFFFF', + '--inverse-surface-clear-hover': '#00000000', + '--inverse-surface-clear-active': '#00000000', + '--inverse-surface-transparent-deep': 'rgba(8,8,8,0.64)', + '--inverse-surface-transparent-deep-hover': '#0808088F', + '--inverse-surface-transparent-deep-active': '#080808AD', + '--inverse-surface-accent-minor': '#DEE9FF', + '--inverse-surface-accent-minor-hover': '#F5F8FFFF', + '--inverse-surface-accent-minor-active': '#D6E4FFFF', + '--inverse-surface-transparent-accent': 'rgba(42,114,248,0.12)', + '--inverse-surface-transparent-accent-hover': '#2A72F80A', + '--inverse-surface-transparent-accent-active': '#2A72F829', + '--inverse-surface-info': '#2A72F8', + '--inverse-surface-info-hover': '#528DFAFF', + '--inverse-surface-info-active': '#1665F8FF', + '--inverse-surface-positive-minor': '#9EFAAF', + '--inverse-surface-positive-minor-hover': '#B1FBBFFF', + '--inverse-surface-positive-minor-active': '#8BF99FFF', + '--inverse-surface-warning-minor': '#FEE2D2', + '--inverse-surface-warning-minor-hover': '#FEEFE6FF', + '--inverse-surface-warning-minor-active': '#FEDCC8FF', + '--inverse-surface-negative-minor': '#FFE0E3', + '--inverse-surface-negative-minor-hover': '#FFF5F6FF', + '--inverse-surface-negative-minor-active': '#FFD6DAFF', + '--inverse-surface-info-minor': '#DEE9FF', + '--inverse-surface-info-minor-hover': '#F5F8FFFF', + '--inverse-surface-info-minor-active': '#D6E4FFFF', + '--inverse-surface-transparent-positive': 'rgba(26,158,50,0.12)', + '--inverse-surface-transparent-positive-hover': '#1A9E320A', + '--inverse-surface-transparent-positive-active': '#1A9E3229', + '--inverse-surface-transparent-warning': 'rgba(250,95,5,0.12)', + '--inverse-surface-transparent-warning-hover': '#FA5F050A', + '--inverse-surface-transparent-warning-active': '#FA5F0529', + '--inverse-surface-transparent-negative': 'rgba(243,27,49,0.12)', + '--inverse-surface-transparent-negative-hover': '#F31B310A', + '--inverse-surface-transparent-negative-active': '#F31B3129', + '--inverse-surface-transparent-info': 'rgba(42,114,248,0.12)', + '--inverse-surface-transparent-info-hover': '#2A72F80A', + '--inverse-surface-transparent-info-active': '#2A72F829', + '--background-primary': '#F9F9F9', + '--background-primary-brightness': '#F9F9F9', + '--dark-background-primary': '#080808', + '--light-background-primary': '#F9F9F9', + '--inverse-background-primary-brightness': '#0F0F0F', + '--inverse-background-primary': '#080808', + '--overlay-soft': 'rgba(249, 249, 249, 0.56)', + '--overlay-hard': 'rgba(249, 249, 249, 0.96)', + '--overlay-blur': 'rgba(249, 249, 249, 0.28)', + '--on-dark-overlay-soft': 'rgba(8, 8, 8, 0.56)', + '--on-dark-overlay-hard': 'rgba(8, 8, 8, 0.96)', + '--on-dark-overlay-blur': 'rgba(8, 8, 8, 0.28)', + '--on-light-overlay-soft': 'rgba(249, 249, 249, 0.56)', + '--on-light-overlay-hard': 'rgba(249, 249, 249, 0.96)', + '--on-light-overlay-blur': 'rgba(249, 249, 249, 0.28)', + '--inverse-overlay-hard': 'rgba(8,8,8,0.96)', + '--inverse-overlay-soft': 'rgba(8,8,8,0.56)', + '--inverse-overlay-blur': 'rgba(8,8,8,0.28)', + '--outline-secondary-hover': '#A3A3A3FF', + '--outline-secondary-active': '#8A8A8AFF', + '--outline-tertiary-hover': '#858585FF', + '--outline-tertiary-active': '#666666FF', + '--outline-default-hover': '#262626FF', + '--outline-default-active': '#030303FF', + '--outline-transparent-primary-hover': '#0808081F', + '--outline-transparent-primary-active': '#0808083D', + '--outline-transparent-secondary-hover': '#08080852', + '--outline-transparent-secondary-active': '#08080870', + '--outline-transparent-tertiary-hover': '#0808087A', + '--outline-transparent-tertiary-active': '#08080899', + '--outline-transparent-clear-hover': '#FFFFFF00', + '--outline-transparent-clear-active': '#FFFFFF00', + '--outline-accent-hover': '#528DFAFF', + '--outline-accent-active': '#1665F8FF', + '--outline-accent-minor-hover': '#A1C1FDFF', + '--outline-accent-minor-active': '#79A7FCFF', + '--outline-transparent-accent-hover': '#2A72F81F', + '--outline-transparent-accent-active': '#2A72F83D', + '--outline-positive-hover': '#1EB83AFF', + '--outline-positive-active': '#178C2CFF', + '--outline-warning-hover': '#FB782DFF', + '--outline-warning-active': '#E65705FF', + '--outline-negative-hover': '#F54254FF', + '--outline-negative-active': '#ED0C23FF', + '--outline-info-hover': '#689CFDFF', + '--outline-info-active': '#2B74FDFF', + '--outline-positive-minor-hover': '#36D954FF', + '--outline-positive-minor-active': '#25C141FF', + '--outline-warning-minor-hover': '#FDA97CFF', + '--outline-warning-minor-active': '#FC8F54FF', + '--outline-negative-minor-hover': '#FFA3ACFF', + '--outline-negative-minor-active': '#FF7A88FF', + '--outline-info-minor-hover': '#A1C1FDFF', + '--outline-info-minor-active': '#79A7FCFF', + '--outline-transparent-positive-hover': '#1A9E321F', + '--outline-transparent-positive-active': '#1A9E323D', + '--outline-transparent-warning-hover': '#FA5F051F', + '--outline-transparent-warning-active': '#FA5F053D', + '--outline-negative-transparent-hover': '#000000FF', + '--outline-negative-transparent-active': '#CCCCCCFF', + '--outline-transparent-info-hover': '#2A72F81F', + '--outline-transparent-info-active': '#2A72F83D', + '--outline-primary-hover': '#EDEDEDFF', + '--outline-primary-active': '#D4D4D4FF', + '--outline-transparent-primary': 'rgba(8, 8, 8, 0.20)', + '--outline-transparent-secondary': 'rgba(8, 8, 8, 0.40)', + '--outline-transparent-tertiary': 'rgba(8, 8, 8, 0.56)', + '--outline-transparent-clear': 'rgba(255, 255, 255, 0.00)', + '--outline-accent': '#2A72F8', + '--outline-accent-minor': '#8BB2FC', + '--outline-transparent-accent': 'rgba(42, 114, 248, 0.20)', + '--outline-positive': '#1A9E32', + '--outline-warning': '#FA5F05', + '--outline-negative': '#F31B31', + '--outline-positive-minor': '#28D247', + '--outline-warning-minor': '#FD9C68', + '--outline-negative-minor': '#FF8F9A', + '--outline-transparent-positive': 'rgba(26, 158, 50, 0.20)', + '--outline-transparent-warning': 'rgba(250, 95, 5, 0.20)', + '--outline-transparent-negative': 'rgba(243, 27, 49, 0.20)', + '--outline-transparent-negative-hover': '#F31B311F', + '--outline-transparent-negative-active': '#F31B313D', + '--outline-info': '#3F81FD', + '--outline-info-minor': '#8BB2FC', + '--outline-transparent-info': 'rgba(42, 114, 248, 0.20)', + '--outline-solid-primary-hover': '#FFFFFFFF', + '--outline-solid-primary-active': '#B3B3B3FF', + '--outline-solid-secondary-hover': '#FFFFFFFF', + '--outline-solid-secondary-active': '#757575FF', + '--outline-solid-tertiary-hover': '#FFFFFFFF', + '--outline-solid-tertiary-active': '#595959FF', + '--outline-solid-default-hover': '#595959FF', + '--outline-solid-default-active': '#303030FF', + '--outline-solid-primary': '#DDDDDD', + '--outline-solid-secondary': '#949494', + '--outline-solid-tertiary': '#707070', + '--outline-solid-default': '#080808', + '--on-dark-outline-secondary-hover': '#636363FF', + '--on-dark-outline-secondary-active': '#454545FF', + '--on-dark-outline-tertiary-hover': '#858585FF', + '--on-dark-outline-tertiary-active': '#666666FF', + '--on-dark-outline-default-hover': '#FFFFFFFF', + '--on-dark-outline-default-active': '#F5F5F5FF', + '--on-dark-outline-transparent-primary': 'rgba(255, 255, 255, 0.12)', + '--on-dark-outline-transparent-primary-hover': '#FFFFFF0A', + '--on-dark-outline-transparent-primary-active': '#FFFFFF29', + '--on-dark-outline-transparent-secondary': 'rgba(255, 255, 255, 0.20)', + '--on-dark-outline-transparent-secondary-hover': '#FFFFFF1F', + '--on-dark-outline-transparent-secondary-active': '#FFFFFF3D', + '--on-dark-outline-transparent-tertiary': 'rgba(255, 255, 255, 0.40)', + '--on-dark-outline-transparent-tertiary-hover': '#FFFFFF52', + '--on-dark-outline-transparent-tertiary-active': '#FFFFFF70', + '--on-dark-outline-accent': '#3F81FD', + '--on-dark-outline-accent-hover': '#689CFDFF', + '--on-dark-outline-accent-active': '#2B74FDFF', + '--on-dark-outline-accent-minor': '#1549AB', + '--on-dark-outline-accent-minor-hover': '#1956C8FF', + '--on-dark-outline-accent-minor-active': '#13429AFF', + '--on-dark-outline-transparent-accent': 'rgba(63, 129, 253, 0.28)', + '--on-dark-outline-transparent-accent-hover': '#3F82FD33', + '--on-dark-outline-transparent-accent-active': '#3F82FD52', + '--on-dark-outline-positive': '#24B23E', + '--on-dark-outline-positive-hover': '#28C344FF', + '--on-dark-outline-positive-active': '#21A138FF', + '--on-dark-outline-warning': '#FF7024', + '--on-dark-outline-warning-hover': '#FF8B4DFF', + '--on-dark-outline-warning-active': '#FF630FFF', + '--on-dark-outline-negative': '#FF3D51', + '--on-dark-outline-negative-hover': '#FF6675FF', + '--on-dark-outline-negative-active': '#FF293EFF', + '--on-dark-outline-info-hover': '#7AA9FFFF', + '--on-dark-outline-info-active': '#3D81FFFF', + '--on-dark-outline-positive-minor': '#85380C', + '--on-dark-outline-positive-minor-hover': '#95400EFF', + '--on-dark-outline-positive-minor-active': '#70300AFF', + '--on-dark-outline-warning-minor': '#85380C', + '--on-dark-outline-warning-minor-hover': '#95400EFF', + '--on-dark-outline-warning-minor-active': '#70300AFF', + '--on-dark-outline-negative-minor': '#9C1422', + '--on-dark-outline-negative-minor-hover': '#B91828FF', + '--on-dark-outline-negative-minor-active': '#8C121EFF', + '--on-dark-outline-info-minor-hover': '#1956C8FF', + '--on-dark-outline-info-minor-active': '#13429AFF', + '--on-dark-outline-transparent-positive': 'rgba(26, 158, 50, 0.28)', + '--on-dark-outline-transparent-positive-hover': '#1A9E3233', + '--on-dark-outline-transparent-positive-active': '#1A9E3252', + '--on-dark-outline-transparent-warning': 'rgba(250, 95, 5, 0.28)', + '--on-dark-outline-transparent-warning-hover': '#FA5F0533', + '--on-dark-outline-transparent-warning-active': '#FA5F0552', + '--on-dark-outline-negative-transparent': 'rgba(255, 41, 62, 0.28)', + '--on-dark-outline-negative-transparent-hover': '#FF293E33', + '--on-dark-outline-negative-transparent-active': '#FF293E52', + '--on-dark-outline-transparent-info-hover': '#3F82FD33', + '--on-dark-outline-transparent-info-active': '#3F82FD52', + '--on-dark-outline-primary-hover': '#3B3B3BFF', + '--on-dark-outline-primary-active': '#1C1C1CFF', + '--on-dark-outline-info': '#528EFF', + '--on-dark-outline-info-minor': '#1549AB', + '--on-dark-outline-transparent-info': 'rgba(63, 129, 253, 0.28)', + '--on-dark-outline-solid-primary': '#262626', + '--on-dark-outline-solid-primary-hover': '#787878FF', + '--on-dark-outline-solid-primary-active': '#4F4F4FFF', + '--on-dark-outline-solid-secondary': '#4E4E4E', + '--on-dark-outline-solid-secondary-hover': '#FFFFFFFF', + '--on-dark-outline-solid-secondary-active': '#404040FF', + '--on-dark-outline-solid-tertiary': '#707070', + '--on-dark-outline-solid-tertiary-hover': '#FFFFFFFF', + '--on-dark-outline-solid-tertiary-active': '#595959FF', + '--on-dark-outline-solid-default': '#F9F9F9', + '--on-dark-outline-solid-default-hover': '#FFFFFFFF', + '--on-dark-outline-solid-default-active': '#C7C7C7FF', + '--on-light-outline-secondary-hover': '#A3A3A3FF', + '--on-light-outline-secondary-active': '#8A8A8AFF', + '--on-light-outline-tertiary-hover': '#858585FF', + '--on-light-outline-tertiary-active': '#666666FF', + '--on-light-outline-default-hover': '#262626FF', + '--on-light-outline-default-active': '#030303FF', + '--on-light-outline-transparent-primary': 'rgba(8, 8, 8, 0.20)', + '--on-light-outline-transparent-primary-hover': '#0808081F', + '--on-light-outline-transparent-primary-active': '#0808083D', + '--on-light-outline-transparent-secondary': 'rgba(8, 8, 8, 0.40)', + '--on-light-outline-transparent-secondary-hover': '#08080852', + '--on-light-outline-transparent-secondary-active': '#08080870', + '--on-light-outline-transparent-tertiary': 'rgba(8, 8, 8, 0.56)', + '--on-light-outline-transparent-tertiary-hover': '#0808087A', + '--on-light-outline-transparent-tertiary-active': '#08080899', + '--on-light-outline-accent': '#2A72F8', + '--on-light-outline-accent-hover': '#528DFAFF', + '--on-light-outline-accent-active': '#1665F8FF', + '--on-light-outline-accent-minor': '#8BB2FC', + '--on-light-outline-accent-minor-hover': '#A1C1FDFF', + '--on-light-outline-accent-minor-active': '#79A7FCFF', + '--on-light-outline-transparent-accent': 'rgba(42, 114, 248, 0.20)', + '--on-light-outline-transparent-accent-hover': '#2A72F81F', + '--on-light-outline-transparent-accent-active': '#2A72F83D', + '--on-light-outline-positive': '#1A9E32', + '--on-light-outline-positive-hover': '#1EB83AFF', + '--on-light-outline-positive-active': '#178C2CFF', + '--on-light-outline-warning': '#FA5F05', + '--on-light-outline-warning-hover': '#FB782DFF', + '--on-light-outline-warning-active': '#E65705FF', + '--on-light-outline-negative': '#F31B31', + '--on-light-outline-negative-hover': '#F54254FF', + '--on-light-outline-negative-active': '#ED0C23FF', + '--on-light-outline-info-hover': '#689CFDFF', + '--on-light-outline-info-active': '#2B74FDFF', + '--on-light-outline-positive-minor': '#28D247', + '--on-light-outline-positive-minor-hover': '#36D954FF', + '--on-light-outline-positive-minor-active': '#25C141FF', + '--on-light-outline-warning-minor': '#FD9C68', + '--on-light-outline-warning-minor-hover': '#FDA97CFF', + '--on-light-outline-warning-minor-active': '#FC8F54FF', + '--on-light-outline-negative-minor': '#FF8F9A', + '--on-light-outline-negative-minor-hover': '#FFA3ACFF', + '--on-light-outline-negative-minor-active': '#FF7A88FF', + '--on-light-outline-info-minor-hover': '#A1C1FDFF', + '--on-light-outline-info-minor-active': '#79A7FCFF', + '--on-light-outline-transparent-positive': 'rgba(26, 158, 50, 0.20)', + '--on-light-outline-transparent-positive-hover': '#1A9E321F', + '--on-light-outline-transparent-positive-active': '#1A9E323D', + '--on-light-outline-transparent-warning': 'rgba(232, 87, 2, 0.20)', + '--on-light-outline-transparent-warning-hover': '#E857021F', + '--on-light-outline-transparent-warning-active': '#E857023D', + '--on-light-outline-negative-transparent': 'rgba(243, 27, 49, 0.20)', + '--on-light-outline-negative-transparent-hover': '#F31B311F', + '--on-light-outline-negative-transparent-active': '#F31B313D', + '--on-light-outline-transparent-info-hover': '#2A72F81F', + '--on-light-outline-transparent-info-active': '#2A72F83D', + '--on-light-outline-primary-hover': '#EDEDEDFF', + '--on-light-outline-primary-active': '#D4D4D4FF', + '--on-light-outline-info': '#3F81FD', + '--on-light-outline-info-minor': '#8BB2FC', + '--on-light-outline-transparent-info': 'rgba(42, 114, 248, 0.20)', + '--on-light-outline-solid-tertiary-hover': '#FFFFFFFF', + '--on-light-outline-solid-tertiary-active': '#595959FF', + '--on-light-outline-solid-default-hover': '#595959FF', + '--on-light-outline-solid-default-active': '#303030FF', + '--on-light-outline-solid-primary-hover': '#FFFFFFFF', + '--on-light-outline-solid-primary-active': '#B3B3B3FF', + '--on-light-outline-solid-secondary-hover': '#FFFFFFFF', + '--on-light-outline-solid-secondary-active': '#757575FF', + '--on-light-outline-solid-primary': '#DDDDDD', + '--on-light-outline-solid-secondary': '#949494', + '--on-light-outline-solid-tertiary': '#707070', + '--on-light-outline-solid-default': '#080808', + '--inverse-outline-primary-hover': '#787878FF', + '--inverse-outline-primary-active': '#4F4F4FFF', + '--inverse-outline-secondary-hover': '#FFFFFFFF', + '--inverse-outline-secondary-active': '#404040FF', + '--inverse-outline-tertiary-hover': '#FFFFFFFF', + '--inverse-outline-tertiary-active': '#595959FF', + '--inverse-outline-default-hover': '#FFFFFFFF', + '--inverse-outline-default-active': '#C7C7C7FF', + '--inverse-outline-transparent-primary-hover': '#FFFFFFFF', + '--inverse-outline-transparent-primary-active': '#FFFFFF25', + '--inverse-outline-transparent-secondary-hover': '#FFFFFFFF', + '--inverse-outline-transparent-secondary-active': '#FFFFFF3D', + '--inverse-outline-transparent-tertiary-hover': '#FFFFFFFF', + '--inverse-outline-transparent-tertiary-active': '#FFFFFF7A', + '--inverse-outline-transparent-clear-hover': '#FFFFFFFF', + '--inverse-outline-transparent-clear-active': '#FFFFFFFF', + '--inverse-outline-accent-hover': '#689CFDFF', + '--inverse-outline-accent-active': '#1767FDFF', + '--inverse-outline-accent-minor-hover': '#FFFFFFFF', + '--inverse-outline-accent-minor-active': '#113B88FF', + '--inverse-outline-transparent-accent-hover': '#3F82FDFF', + '--inverse-outline-transparent-accent-active': '#3F82FD56', + '--inverse-outline-positive-hover': '#2BD44AFF', + '--inverse-outline-positive-active': '#1D9032FF', + '--inverse-outline-warning-hover': '#FF8B4DFF', + '--inverse-outline-warning-active': '#FA5700FF', + '--inverse-outline-negative-hover': '#FF6675FF', + '--inverse-outline-negative-active': '#FF142CFF', + '--inverse-outline-info-hover': '#689CFDFF', + '--inverse-outline-info-active': '#1767FDFF', + '--inverse-outline-positive-minor-hover': '#11A72CFF', + '--inverse-outline-positive-minor-active': '#0D8222FF', + '--inverse-outline-warning-minor-hover': '#CD5713FF', + '--inverse-outline-warning-minor-active': '#A84710FF', + '--inverse-outline-negative-minor-hover': '#C2192AFF', + '--inverse-outline-negative-minor-active': '#7A101AFF', + '--inverse-outline-info-minor-hover': '#FFFFFFFF', + '--inverse-outline-info-minor-active': '#113B88FF', + '--inverse-outline-transparent-positive-hover': '#1A9E32FF', + '--inverse-outline-transparent-positive-active': '#1A9E3256', + '--inverse-outline-transparent-warning-hover': '#FA5F05FF', + '--inverse-outline-transparent-warning-active': '#FA5F0556', + '--inverse-outline-transparent-negative-hover': '#FF293EFF', + '--inverse-outline-transparent-negative-active': '#FF293E56', + '--inverse-outline-transparent-info-hover': '#3F82FDFF', + '--inverse-outline-transparent-info-active': '#3F82FD56', + '--inverse-outline-transparent-primary': 'rgba(255,255,255,0.12)', + '--inverse-outline-transparent-secondary': 'rgba(255,255,255,0.20)', + '--inverse-outline-transparent-tertiary': 'rgba(255,255,255,0.40)', + '--inverse-outline-transparent-clear': 'rgba(255,255,255,0.00)', + '--inverse-outline-accent': '#3F81FD', + '--inverse-outline-accent-minor': '#1549AB', + '--inverse-outline-transparent-accent': 'rgba(63,129,253,0.28)', + '--inverse-outline-positive': '#24B23E', + '--inverse-outline-warning': '#FF7024', + '--inverse-outline-negative': '#FF3D51', + '--inverse-outline-info': '#3F81FD', + '--inverse-outline-positive-minor': '#095C18', + '--inverse-outline-warning-minor': '#85380C', + '--inverse-outline-negative-minor': '#9C1422', + '--inverse-outline-info-minor': '#1549AB', + '--inverse-outline-transparent-positive': 'rgba(26,158,50,0.28)', + '--inverse-outline-transparent-warning': 'rgba(250,95,5,0.28)', + '--inverse-outline-transparent-negative': 'rgba(255,41,62,0.28)', + '--inverse-outline-transparent-info': 'rgba(63,129,253,0.28)', + '--inverse-outline-solid-primary-hover': '#787878FF', + '--inverse-outline-solid-primary-active': '#4F4F4FFF', + '--inverse-outline-solid-secondary-hover': '#FFFFFFFF', + '--inverse-outline-solid-secondary-active': '#404040FF', + '--inverse-outline-solid-tertiary-hover': '#FFFFFFFF', + '--inverse-outline-solid-tertiary-active': '#595959FF', + '--inverse-outline-solid-default-hover': '#595959FF', + '--inverse-outline-solid-default-active': '#303030FF', + '--inverse-outline-solid-primary': '#262626', + '--inverse-outline-solid-secondary': '#4E4E4E', + '--inverse-outline-solid-tertiary': '#707070', + '--inverse-outline-solid-default': '#080808', + '--data-default-data-yellow': '#F3A912', + '--data-default-data-yellow-hover': '#F5B638FF', + '--data-default-data-yellow-active': '#E49C0CFF', + '--data-default-data-yellow-minor': '#FFD37A', + '--data-default-data-yellow-minor-hover': '#FFDA8FFF', + '--data-default-data-yellow-minor-active': '#FFCC66FF', + '--data-default-data-yellow-transparent': '#F3A9128F', + '--data-default-data-yellow-transparent-hover': '#F3A8127A', + '--data-default-data-yellow-transparent-active': '#F3A81299', + '--data-on-dark-data-yellow': '#F3A912', + '--data-on-dark-data-yellow-hover': '#F5B638FF', + '--data-on-dark-data-yellow-active': '#E49C0CFF', + '--data-on-dark-data-yellow-minor': '#A16B00', + '--data-on-dark-data-yellow-minor-hover': '#B87A00FF', + '--data-on-dark-data-yellow-minor-active': '#8F5F00FF', + '--data-on-dark-data-yellow-transparent': '#F3A9128F', + '--data-on-dark-data-yellow-transparent-hover': '#F3A8127A', + '--data-on-dark-data-yellow-transparent-active': '#F3A81299', + '--data-on-light-data-yellow': '#F3A912', + '--data-on-light-data-yellow-hover': '#F5B638FF', + '--data-on-light-data-yellow-active': '#E49C0CFF', + '--data-on-light-data-yellow-minor': '#FFD37A', + '--data-on-light-data-yellow-minor-hover': '#FFDA8FFF', + '--data-on-light-data-yellow-minor-active': '#FFCC66FF', + '--data-on-light-data-yellow-transparent': '#F3A9128F', + '--data-on-light-data-yellow-transparent-hover': '#F3A8127A', + '--data-on-light-data-yellow-transparent-active': '#F3A81299', + '--data-inverse-data-yellow': '#F3A912', + '--data-inverse-data-yellow-hover': '#F5B638FF', + '--data-inverse-data-yellow-active': '#E49C0CFF', + '--data-inverse-data-yellow-minor': '#A16B00', + '--data-inverse-data-yellow-minor-hover': '#B87A00FF', + '--data-inverse-data-yellow-minor-active': '#8F5F00FF', + '--data-inverse-data-yellow-transparent': '#F3A9128F', + '--data-inverse-data-yellow-transparent-hover': '#F3A8127A', + '--data-inverse-data-yellow-transparent-active': '#F3A81299', + '--skeleton-gradient': + 'linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% )', + '--skeleton-gradient-lighter': + 'linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% )', + '--plasma-colors-white-primary': 'var(--on-dark-text-primary)', + '--plasma-colors-white-secondary': 'var(--on-dark-text-secondary)', + '--plasma-colors-white-tertiary': 'var(--on-dark-text-tertiary)', + '--plasma-colors-black-primary': 'var(--on-light-text-primary)', + '--plasma-colors-black-secondary': 'var(--on-light-text-secondary)', + '--plasma-colors-black-tertiary': 'var(--on-light-text-tertiary)', + '--plasma-colors-button-black': 'var(--on-light-surface-solid-default)', + '--plasma-colors-button-black-secondary': 'var(--on-light-surface-transparent-secondary)', + '--plasma-colors-button-white': 'var(--on-dark-surface-solid-default)', + '--plasma-colors-button-white-secondary': 'var(--on-dark-surface-transparent-secondary)', + '--plasma-colors-text': 'var(--text-primary)', + '--plasma-colors-primary': 'var(--text-primary)', + '--plasma-colors-secondary': 'var(--text-secondary)', + '--plasma-colors-tertiary': 'var(--text-tertiary)', + '--plasma-colors-paragraph': 'var(--text-paragraph)', + '--plasma-colors-background': 'var(--background-primary)', + '--plasma-colors-accent': 'var(--text-accent)', + '--plasma-colors-success': 'var(--text-positive)', + '--plasma-colors-warning': 'var(--text-warning)', + '--plasma-colors-critical': 'var(--text-negative)', + '--plasma-colors-overlay': 'var(--overlay-soft)', + '--plasma-colors-surface-liquid01': 'var(--surface-transparent-primary)', + '--plasma-colors-surface-liquid02': 'var(--surface-transparent-secondary)', + '--plasma-colors-surface-liquid03': 'var(--surface-transparent-tertiary)', + '--plasma-colors-surface-solid01': 'var(--surface-solid-primary)', + '--plasma-colors-surface-solid02': 'var(--surface-solid-secondary)', + '--plasma-colors-surface-solid03': 'var(--surface-solid-tertiary)', + '--plasma-colors-surface-card': 'var(--surface-transparent-card)', + '--plasma-colors-button-secondary': 'var(--surface-transparent-secondary)', + '--plasma-colors-button-accent': 'var(--text-accent)', + '--plasma-colors-button-success': 'var(--surface-positive)', + '--plasma-colors-button-warning': 'var(--surface-warning)', + '--plasma-colors-button-critical': 'var(--surface-negative)', + '--shadow-down-soft-s': '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)', + '--shadow-down-soft-m': '0px 24px 48px -8px rgba(0, 0, 0, 0.08)', + '--shadow-down-soft-l': '0px 60px 112px -8px rgba(0, 0, 0, 0.08)', + '--shadow-down-hard-s': '0px 4px 12px -3px rgba(8, 8, 8, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.08)', + '--shadow-down-hard-m': '0px 16px 32px -8px rgba(0, 0, 0, 0.24)', + '--shadow-down-hard-l': '0px 60px 112px -8px rgba(0, 0, 0, 0.40)', + '--shadow-up-soft-s': '0px -4px 14px -4px rgba(8, 8, 8, 0.08), 0px -1px 4px -1px rgba(0, 0, 0, 0.03)', + '--shadow-up-soft-m': '0px -24px 48px -8px rgba(0, 0, 0, 0.08)', + '--shadow-up-soft-l': '0px -60px 112px -8px rgba(0, 0, 0, 0.08)', + '--shadow-up-hard-s': '0px -4px 12px -3px rgba(8, 8, 8, 0.20), 0px -1px 4px -1px rgba(0, 0, 0, 0.03)', + '--shadow-up-hard-m': '0px -16px 32px -8px rgba(0, 0, 0, 0.24)', + '--shadow-up-hard-l': '0px -60px 112px -8px rgba(0, 0, 0, 0.40)', + color: 'var(--text-primary)', + 'background-color': 'var(--background-primary)', + }, +}; +/** @deprecated использовать вместо этого plasma_b2c_ACTUAL_TYPOGRAPHY__light */ +export const lightPlasma_b2c_ACTUAL_TYPOGRAPHY = plasma_b2c_ACTUAL_TYPOGRAPHY__light; diff --git a/packages/themes/plasma-themes/src/css/plasma_b2c.module.css b/packages/themes/plasma-themes/src/css/plasma_b2c.module.css index 8faa94c00a..4920f30f1b 100644 --- a/packages/themes/plasma-themes/src/css/plasma_b2c.module.css +++ b/packages/themes/plasma-themes/src/css/plasma_b2c.module.css @@ -136,7 +136,9 @@ --inverse-text-tertiary: #08080847; --inverse-text-paragraph: #080808CC; --inverse-text-primary-hover: #08080893; + --inverse-text-primary-hover-brightness: #4E4E4EFF; --inverse-text-primary-active: #080808C4; + --inverse-text-primary-active-brightness: #343434FF; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; --inverse-text-tertiary-hover: #080808FF; @@ -223,8 +225,11 @@ --surface-transparent-warning: #FA5F0533; --surface-transparent-negative: #FF293E33; --surface-solid-default: #F9F9F9; + --surface-solid-default-brightness: #F9F9F9FF; --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-hover-brightness: #FFFFFFFF; --surface-solid-default-active: #F5F5F5FF; + --surface-solid-default-active-brightness: #F6F6F6FF; --surface-info: #3F81FD; --surface-info-minor: #082254; --surface-transparent-info: #3F81FD33; @@ -1076,7 +1081,9 @@ --inverse-text-warning: #FA5F05; --inverse-text-negative: #FF293E; --inverse-text-primary-hover: #FFFFFF93; + --inverse-text-primary-hover-brightness: #FFFFFFFF; --inverse-text-primary-active: #FFFFFFC4; + --inverse-text-primary-active-brightness: #FFFFFFFF; --inverse-text-secondary-hover: #FFFFFFFF; --inverse-text-secondary-active: #FFFFFFAB; --inverse-text-tertiary-hover: #FFFFFFFF; @@ -1111,6 +1118,7 @@ --inverse-text-negative-minor: #9C1422; --inverse-text-info-minor: #1549AB; --surface-solid-default: #080808; + --surface-solid-default-brightness: #171717FF; --surface-solid-primary: #F5F5F5; --surface-solid-primary-brightness: #FFFFFFFF; --surface-solid-secondary: #ECECEC; @@ -1162,7 +1170,9 @@ --surface-info-minor: #DEE9FF; --surface-transparent-info: #2A72F81F; --surface-solid-default-hover: #262626FF; + --surface-solid-default-hover-brightness: #333333FF; --surface-solid-default-active: #030303FF; + --surface-solid-default-active-brightness: #121212FF; --surface-solid-primary-hover: #FAFAFAFF; --surface-solid-primary-active: #F0F0F0FF; --surface-solid-secondary-hover: #F7F7F7FF; diff --git a/packages/themes/plasma-themes/src/css/plasma_b2c__dark.css b/packages/themes/plasma-themes/src/css/plasma_b2c__dark.css index 80cc6c4162..29777b053b 100644 --- a/packages/themes/plasma-themes/src/css/plasma_b2c__dark.css +++ b/packages/themes/plasma-themes/src/css/plasma_b2c__dark.css @@ -136,7 +136,9 @@ --inverse-text-tertiary: #08080847; --inverse-text-paragraph: #080808CC; --inverse-text-primary-hover: #08080893; + --inverse-text-primary-hover-brightness: #4E4E4EFF; --inverse-text-primary-active: #080808C4; + --inverse-text-primary-active-brightness: #343434FF; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; --inverse-text-tertiary-hover: #080808FF; @@ -223,8 +225,11 @@ --surface-transparent-warning: #FA5F0533; --surface-transparent-negative: #FF293E33; --surface-solid-default: #F9F9F9; + --surface-solid-default-brightness: #F9F9F9FF; --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-hover-brightness: #FFFFFFFF; --surface-solid-default-active: #F5F5F5FF; + --surface-solid-default-active-brightness: #F6F6F6FF; --surface-info: #3F81FD; --surface-info-minor: #082254; --surface-transparent-info: #3F81FD33; diff --git a/packages/themes/plasma-themes/src/css/plasma_b2c__light.css b/packages/themes/plasma-themes/src/css/plasma_b2c__light.css index b3579c831f..309def9aee 100644 --- a/packages/themes/plasma-themes/src/css/plasma_b2c__light.css +++ b/packages/themes/plasma-themes/src/css/plasma_b2c__light.css @@ -139,7 +139,9 @@ --inverse-text-warning: #FA5F05; --inverse-text-negative: #FF293E; --inverse-text-primary-hover: #FFFFFF93; + --inverse-text-primary-hover-brightness: #FFFFFFFF; --inverse-text-primary-active: #FFFFFFC4; + --inverse-text-primary-active-brightness: #FFFFFFFF; --inverse-text-secondary-hover: #FFFFFFFF; --inverse-text-secondary-active: #FFFFFFAB; --inverse-text-tertiary-hover: #FFFFFFFF; @@ -174,6 +176,7 @@ --inverse-text-negative-minor: #9C1422; --inverse-text-info-minor: #1549AB; --surface-solid-default: #080808; + --surface-solid-default-brightness: #171717FF; --surface-solid-primary: #F5F5F5; --surface-solid-primary-brightness: #FFFFFFFF; --surface-solid-secondary: #ECECEC; @@ -225,7 +228,9 @@ --surface-info-minor: #DEE9FF; --surface-transparent-info: #2A72F81F; --surface-solid-default-hover: #262626FF; + --surface-solid-default-hover-brightness: #333333FF; --surface-solid-default-active: #030303FF; + --surface-solid-default-active-brightness: #121212FF; --surface-solid-primary-hover: #FAFAFAFF; --surface-solid-primary-active: #F0F0F0FF; --surface-solid-secondary-hover: #F7F7F7FF; diff --git a/packages/themes/plasma-themes/src/css/plasma_homeds.module.css b/packages/themes/plasma-themes/src/css/plasma_homeds.module.css index e9aeb4d527..80ca83b061 100644 --- a/packages/themes/plasma-themes/src/css/plasma_homeds.module.css +++ b/packages/themes/plasma-themes/src/css/plasma_homeds.module.css @@ -1784,634 +1784,634 @@ --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; - --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Display', sans-serif; --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; - --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; - --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-l-letter-spacing: normal; - --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-text-font-family: 'SB Sans Display', sans-serif; --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-bold-letter-spacing: normal; --plasma-typo-dspl-l-bold-font-style: normal; - --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-m-letter-spacing: normal; - --plasma-typo-dspl-m-font-style: normal; - --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-m-bold-letter-spacing: normal; - --plasma-typo-dspl-m-bold-font-style: normal; - --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-s-letter-spacing: normal; - --plasma-typo-dspl-s-font-style: normal; - --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-s-bold-letter-spacing: normal; - --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h1-letter-spacing: normal; - --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h1-bold-letter-spacing: normal; - --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h2-letter-spacing: normal; - --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h2-bold-letter-spacing: normal; - --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h3-letter-spacing: normal; - --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h3-bold-letter-spacing: normal; - --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h4-letter-spacing: normal; - --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h4-bold-letter-spacing: normal; - --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h5-letter-spacing: normal; - --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h5-bold-letter-spacing: normal; - --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-l-letter-spacing: -0.02em; - --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-l-bold-letter-spacing: -0.02em; - --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-m-letter-spacing: -0.02em; - --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-m-bold-letter-spacing: -0.02em; - --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-s-letter-spacing: -0.02em; - --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-s-bold-letter-spacing: -0.02em; - --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xs-letter-spacing: -0.02em; - --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xs-bold-letter-spacing: -0.02em; - --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xxs-letter-spacing: -0.02em; - --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; - --plasma-typo-body-xxs-bold-font-style: normal; - --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-l-letter-spacing: -0.02em; - --plasma-typo-text-l-font-style: normal; - --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-l-bold-letter-spacing: -0.02em; - --plasma-typo-text-l-bold-font-style: normal; - --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-m-letter-spacing: -0.02em; - --plasma-typo-text-m-font-style: normal; - --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-m-bold-letter-spacing: -0.02em; - --plasma-typo-text-m-bold-font-style: normal; - --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-letter-spacing: -0.02em; - --plasma-typo-text-s-font-style: normal; - --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02em; - --plasma-typo-text-s-bold-font-style: normal; - --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-xs-letter-spacing: -0.02em; - --plasma-typo-text-xs-font-style: normal; - --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-xs-bold-letter-spacing: -0.02em; - --plasma-typo-text-xs-bold-font-style: normal; --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-medium-letter-spacing: normal; --plasma-typo-dspl-l-medium-font-style: normal; + --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-letter-spacing: normal; + --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-bold-letter-spacing: normal; + --plasma-typo-dspl-m-bold-font-style: normal; --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-m-medium-letter-spacing: normal; --plasma-typo-dspl-m-medium-font-style: normal; + --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-letter-spacing: normal; + --plasma-typo-dspl-m-font-style: normal; + --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-bold-letter-spacing: normal; + --plasma-typo-dspl-s-bold-font-style: normal; --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-medium-letter-spacing: normal; --plasma-typo-dspl-s-medium-font-style: normal; + --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-letter-spacing: normal; + --plasma-typo-dspl-s-font-style: normal; + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-bold-letter-spacing: normal; + --plasma-typo-h1-bold-font-style: normal; --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-medium-letter-spacing: normal; --plasma-typo-h1-medium-font-style: normal; + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-letter-spacing: normal; + --plasma-typo-h1-font-style: normal; + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-bold-letter-spacing: normal; + --plasma-typo-h2-bold-font-style: normal; --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-medium-letter-spacing: normal; --plasma-typo-h2-medium-font-style: normal; + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-letter-spacing: normal; + --plasma-typo-h2-font-style: normal; + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-bold-letter-spacing: normal; + --plasma-typo-h3-bold-font-style: normal; --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-medium-letter-spacing: normal; --plasma-typo-h3-medium-font-style: normal; + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-letter-spacing: normal; + --plasma-typo-h3-font-style: normal; + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-bold-letter-spacing: normal; + --plasma-typo-h4-bold-font-style: normal; --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-medium-letter-spacing: normal; --plasma-typo-h4-medium-font-style: normal; + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-letter-spacing: normal; + --plasma-typo-h4-font-style: normal; + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-bold-letter-spacing: normal; + --plasma-typo-h5-bold-font-style: normal; --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-medium-letter-spacing: normal; --plasma-typo-h5-medium-font-style: normal; + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-letter-spacing: normal; + --plasma-typo-h5-font-style: normal; + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-bold-letter-spacing: -0.02em; + --plasma-typo-body-l-bold-font-style: normal; --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-medium-letter-spacing: -0.02em; --plasma-typo-body-l-medium-font-style: normal; + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-letter-spacing: -0.02em; + --plasma-typo-body-l-font-style: normal; + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-bold-letter-spacing: -0.02em; + --plasma-typo-body-m-bold-font-style: normal; --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-medium-letter-spacing: -0.02em; --plasma-typo-body-m-medium-font-style: normal; + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-letter-spacing: -0.02em; + --plasma-typo-body-m-font-style: normal; + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-bold-letter-spacing: -0.02em; + --plasma-typo-body-s-bold-font-style: normal; --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-medium-letter-spacing: -0.02em; --plasma-typo-body-s-medium-font-style: normal; + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-letter-spacing: -0.02em; + --plasma-typo-body-s-font-style: normal; + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xs-bold-font-style: normal; --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-medium-letter-spacing: -0.02em; --plasma-typo-body-xs-medium-font-style: normal; + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-letter-spacing: -0.02em; + --plasma-typo-body-xs-font-style: normal; + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-medium-letter-spacing: -0.02em; --plasma-typo-body-xxs-medium-font-style: normal; + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-letter-spacing: -0.02em; + --plasma-typo-body-xxs-font-style: normal; + --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-bold-letter-spacing: -0.02em; + --plasma-typo-text-l-bold-font-style: normal; --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-l-medium-letter-spacing: -0.02em; --plasma-typo-text-l-medium-font-style: normal; + --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-letter-spacing: -0.02em; + --plasma-typo-text-l-font-style: normal; + --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-bold-letter-spacing: -0.02em; + --plasma-typo-text-m-bold-font-style: normal; --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-m-medium-letter-spacing: -0.02em; --plasma-typo-text-m-medium-font-style: normal; + --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-letter-spacing: -0.02em; + --plasma-typo-text-m-font-style: normal; + --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-bold-letter-spacing: -0.02em; + --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-s-medium-letter-spacing: -0.02em; --plasma-typo-text-s-medium-font-style: normal; + --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-letter-spacing: -0.02em; + --plasma-typo-text-s-font-style: normal; + --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-bold-letter-spacing: -0.02em; + --plasma-typo-text-xs-bold-font-style: normal; --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-medium-letter-spacing: -0.02em; --plasma-typo-text-xs-medium-font-style: normal; + --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-letter-spacing: -0.02em; + --plasma-typo-text-xs-font-style: normal; } @media (max-width: 559px) { .dark, .light { - --plasma-typo-dspl-l-font-size: 5.5rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 5.75rem; --plasma-typo-dspl-l-bold-font-size: 5.5rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 5.75rem; - --plasma-typo-dspl-m-font-size: 3.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 3.875rem; + --plasma-typo-dspl-l-medium-font-size: 5.5rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 5.75rem; + --plasma-typo-dspl-l-font-size: 5.5rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 5.75rem; --plasma-typo-dspl-m-bold-font-size: 3.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; - --plasma-typo-dspl-m-bold-line-height: 3.875rem; - --plasma-typo-dspl-s-font-size: 2.5rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 2.875rem; + --plasma-typo-dspl-m-bold-line-height: 3.75rem; + --plasma-typo-dspl-m-medium-font-size: 3.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 3.75rem; + --plasma-typo-dspl-m-font-size: 3.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 3.75rem; --plasma-typo-dspl-s-bold-font-size: 2.5rem; --plasma-typo-dspl-s-bold-font-weight: 600; - --plasma-typo-dspl-s-bold-line-height: 2.875rem; - --plasma-typo-h1-font-size: 1.75rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 2.125rem; - --plasma-typo-h1-bold-font-size: 1.75rem; + --plasma-typo-dspl-s-bold-line-height: 2.75rem; + --plasma-typo-dspl-s-medium-font-size: 2.5rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 2.75rem; + --plasma-typo-dspl-s-font-size: 2.5rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 2.75rem; + --plasma-typo-h1-bold-font-size: 2rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 2.125rem; - --plasma-typo-h2-font-size: 1.5rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h1-bold-line-height: 2.25rem; + --plasma-typo-h1-medium-font-size: 2rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 2.25rem; + --plasma-typo-h1-font-size: 2rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.25rem; --plasma-typo-h2-bold-font-size: 1.5rem; --plasma-typo-h2-bold-font-weight: 600; --plasma-typo-h2-bold-line-height: 1.875rem; - --plasma-typo-h3-font-size: 1.25rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.625rem; - --plasma-typo-h3-bold-font-size: 1.25rem; - --plasma-typo-h3-bold-font-weight: 600; - --plasma-typo-h3-bold-line-height: 1.625rem; - --plasma-typo-h4-font-size: 1.125rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.5rem; - --plasma-typo-h4-bold-font-size: 1.125rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.5rem; - --plasma-typo-h5-font-size: 1rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.375rem; - --plasma-typo-h5-bold-font-size: 1rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.375rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.125rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 1.625rem; - --plasma-typo-text-l-bold-font-size: 1.125rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 1.625rem; - --plasma-typo-text-m-font-size: 1rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.5rem; - --plasma-typo-text-m-bold-font-size: 1rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.5rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 5.5rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 5.75rem; - --plasma-typo-dspl-m-medium-font-size: 3.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 3.875rem; - --plasma-typo-dspl-s-medium-font-size: 2.5rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 2.875rem; - --plasma-typo-h1-medium-font-size: 1.75rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 2.125rem; --plasma-typo-h2-medium-font-size: 1.5rem; --plasma-typo-h2-medium-font-weight: 500; --plasma-typo-h2-medium-line-height: 1.875rem; + --plasma-typo-h2-font-size: 1.5rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; --plasma-typo-h3-medium-font-size: 1.25rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.625rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; --plasma-typo-h4-medium-font-size: 1.125rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.5rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; --plasma-typo-h5-medium-font-size: 1rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.375rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.125rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.625rem; --plasma-typo-text-l-medium-font-size: 1.125rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 1.625rem; + --plasma-typo-text-l-font-size: 1.125rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.625rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; --plasma-typo-text-m-medium-font-size: 1rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.5rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } @media (min-width: 560px) and (max-width: 959px) { .dark, .light { - --plasma-typo-dspl-l-font-size: 7rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 7rem; --plasma-typo-dspl-l-bold-font-size: 7rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 7rem; - --plasma-typo-dspl-m-font-size: 4.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 4.75rem; + --plasma-typo-dspl-l-medium-font-size: 7rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 7rem; + --plasma-typo-dspl-l-font-size: 7rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 7rem; --plasma-typo-dspl-m-bold-font-size: 4.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; --plasma-typo-dspl-m-bold-line-height: 4.75rem; - --plasma-typo-dspl-s-font-size: 3rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 3.375rem; + --plasma-typo-dspl-m-medium-font-size: 4.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 4.75rem; + --plasma-typo-dspl-m-font-size: 4.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 4.75rem; --plasma-typo-dspl-s-bold-font-size: 3rem; --plasma-typo-dspl-s-bold-font-weight: 600; - --plasma-typo-dspl-s-bold-line-height: 3.375rem; - --plasma-typo-h1-font-size: 2.5rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 2.875rem; + --plasma-typo-dspl-s-bold-line-height: 3.25rem; + --plasma-typo-dspl-s-medium-font-size: 3rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 3.25rem; + --plasma-typo-dspl-s-font-size: 3rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 3.25rem; --plasma-typo-h1-bold-font-size: 2.5rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 2.875rem; - --plasma-typo-h2-font-size: 1.75rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h1-bold-line-height: 2.75rem; + --plasma-typo-h1-medium-font-size: 2.5rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 2.75rem; + --plasma-typo-h1-font-size: 2.5rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.75rem; --plasma-typo-h2-bold-font-size: 1.75rem; --plasma-typo-h2-bold-font-weight: 600; --plasma-typo-h2-bold-line-height: 2.125rem; - --plasma-typo-h3-font-size: 1.25rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.625rem; - --plasma-typo-h3-bold-font-size: 1.25rem; - --plasma-typo-h3-bold-font-weight: 600; - --plasma-typo-h3-bold-line-height: 1.625rem; - --plasma-typo-h4-font-size: 1.125rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.5rem; - --plasma-typo-h4-bold-font-size: 1.125rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.5rem; - --plasma-typo-h5-font-size: 1rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.375rem; - --plasma-typo-h5-bold-font-size: 1rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.375rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.25rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 1.75rem; - --plasma-typo-text-l-bold-font-size: 1.25rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 1.75rem; - --plasma-typo-text-m-font-size: 1rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.5rem; - --plasma-typo-text-m-bold-font-size: 1rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.5rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 7rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 7rem; - --plasma-typo-dspl-m-medium-font-size: 4.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 4.75rem; - --plasma-typo-dspl-s-medium-font-size: 3rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 3.375rem; - --plasma-typo-h1-medium-font-size: 2.5rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 2.875rem; --plasma-typo-h2-medium-font-size: 1.75rem; --plasma-typo-h2-medium-font-weight: 500; --plasma-typo-h2-medium-line-height: 2.125rem; + --plasma-typo-h2-font-size: 1.75rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; --plasma-typo-h3-medium-font-size: 1.25rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.625rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; --plasma-typo-h4-medium-font-size: 1.125rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.5rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; --plasma-typo-h5-medium-font-size: 1rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.375rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.25rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.75rem; --plasma-typo-text-l-medium-font-size: 1.25rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 1.75rem; + --plasma-typo-text-l-font-size: 1.25rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.75rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; --plasma-typo-text-m-medium-font-size: 1rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.5rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } @media (min-width: 960px) { .dark, .light { - --plasma-typo-dspl-l-font-size: 8rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 8rem; --plasma-typo-dspl-l-bold-font-size: 8rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 8rem; - --plasma-typo-dspl-m-font-size: 5.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 5.75rem; + --plasma-typo-dspl-l-medium-font-size: 8rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 8rem; + --plasma-typo-dspl-l-font-size: 8rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 8rem; --plasma-typo-dspl-m-bold-font-size: 5.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; --plasma-typo-dspl-m-bold-line-height: 5.75rem; - --plasma-typo-dspl-s-font-size: 4rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 4.25rem; + --plasma-typo-dspl-m-medium-font-size: 5.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 5.75rem; + --plasma-typo-dspl-m-font-size: 5.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 5.75rem; --plasma-typo-dspl-s-bold-font-size: 4rem; --plasma-typo-dspl-s-bold-font-weight: 600; --plasma-typo-dspl-s-bold-line-height: 4.25rem; - --plasma-typo-h1-font-size: 3rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 3.375rem; + --plasma-typo-dspl-s-medium-font-size: 4rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 4.25rem; + --plasma-typo-dspl-s-font-size: 4rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 4.25rem; --plasma-typo-h1-bold-font-size: 3rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 3.375rem; - --plasma-typo-h2-font-size: 2rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 2.375rem; + --plasma-typo-h1-bold-line-height: 3.25rem; + --plasma-typo-h1-medium-font-size: 3rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 3.25rem; + --plasma-typo-h1-font-size: 3rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 3.25rem; --plasma-typo-h2-bold-font-size: 2rem; --plasma-typo-h2-bold-font-weight: 600; - --plasma-typo-h2-bold-line-height: 2.375rem; - --plasma-typo-h3-font-size: 1.5rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h2-bold-line-height: 2.25rem; + --plasma-typo-h2-medium-font-size: 2rem; + --plasma-typo-h2-medium-font-weight: 500; + --plasma-typo-h2-medium-line-height: 2.25rem; + --plasma-typo-h2-font-size: 2rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.25rem; --plasma-typo-h3-bold-font-size: 1.5rem; --plasma-typo-h3-bold-font-weight: 600; --plasma-typo-h3-bold-line-height: 1.875rem; - --plasma-typo-h4-font-size: 1.25rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.625rem; - --plasma-typo-h4-bold-font-size: 1.25rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.625rem; - --plasma-typo-h5-font-size: 1.125rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.5rem; - --plasma-typo-h5-bold-font-size: 1.125rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.5rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.5rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 2rem; - --plasma-typo-text-l-bold-font-size: 1.5rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 2rem; - --plasma-typo-text-m-font-size: 1.125rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.625rem; - --plasma-typo-text-m-bold-font-size: 1.125rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.625rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 8rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 8rem; - --plasma-typo-dspl-m-medium-font-size: 5.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 5.75rem; - --plasma-typo-dspl-s-medium-font-size: 4rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 4.25rem; - --plasma-typo-h1-medium-font-size: 3rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 3.375rem; - --plasma-typo-h2-medium-font-size: 2rem; - --plasma-typo-h2-medium-font-weight: 500; - --plasma-typo-h2-medium-line-height: 2.375rem; --plasma-typo-h3-medium-font-size: 1.5rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.875rem; + --plasma-typo-h3-font-size: 1.5rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h4-bold-font-size: 1.25rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.625rem; --plasma-typo-h4-medium-font-size: 1.25rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.25rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.625rem; + --plasma-typo-h5-bold-font-size: 1.125rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.5rem; --plasma-typo-h5-medium-font-size: 1.125rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1.125rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.5rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.5rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 2rem; --plasma-typo-text-l-medium-font-size: 1.5rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 2rem; + --plasma-typo-text-l-font-size: 1.5rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 2rem; + --plasma-typo-text-m-bold-font-size: 1.125rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.625rem; --plasma-typo-text-m-medium-font-size: 1.125rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.625rem; + --plasma-typo-text-m-font-size: 1.125rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.625rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/plasma_homeds__dark.css b/packages/themes/plasma-themes/src/css/plasma_homeds__dark.css index cf20688885..a542784467 100644 --- a/packages/themes/plasma-themes/src/css/plasma_homeds__dark.css +++ b/packages/themes/plasma-themes/src/css/plasma_homeds__dark.css @@ -916,634 +916,634 @@ --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; - --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Display', sans-serif; --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; - --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; - --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-l-letter-spacing: normal; - --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-text-font-family: 'SB Sans Display', sans-serif; --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-bold-letter-spacing: normal; --plasma-typo-dspl-l-bold-font-style: normal; - --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-m-letter-spacing: normal; - --plasma-typo-dspl-m-font-style: normal; - --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-m-bold-letter-spacing: normal; - --plasma-typo-dspl-m-bold-font-style: normal; - --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-s-letter-spacing: normal; - --plasma-typo-dspl-s-font-style: normal; - --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-s-bold-letter-spacing: normal; - --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h1-letter-spacing: normal; - --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h1-bold-letter-spacing: normal; - --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h2-letter-spacing: normal; - --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h2-bold-letter-spacing: normal; - --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h3-letter-spacing: normal; - --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h3-bold-letter-spacing: normal; - --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h4-letter-spacing: normal; - --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h4-bold-letter-spacing: normal; - --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h5-letter-spacing: normal; - --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h5-bold-letter-spacing: normal; - --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-l-letter-spacing: -0.02em; - --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-l-bold-letter-spacing: -0.02em; - --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-m-letter-spacing: -0.02em; - --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-m-bold-letter-spacing: -0.02em; - --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-s-letter-spacing: -0.02em; - --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-s-bold-letter-spacing: -0.02em; - --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xs-letter-spacing: -0.02em; - --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xs-bold-letter-spacing: -0.02em; - --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xxs-letter-spacing: -0.02em; - --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; - --plasma-typo-body-xxs-bold-font-style: normal; - --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-l-letter-spacing: -0.02em; - --plasma-typo-text-l-font-style: normal; - --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-l-bold-letter-spacing: -0.02em; - --plasma-typo-text-l-bold-font-style: normal; - --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-m-letter-spacing: -0.02em; - --plasma-typo-text-m-font-style: normal; - --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-m-bold-letter-spacing: -0.02em; - --plasma-typo-text-m-bold-font-style: normal; - --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-letter-spacing: -0.02em; - --plasma-typo-text-s-font-style: normal; - --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02em; - --plasma-typo-text-s-bold-font-style: normal; - --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-xs-letter-spacing: -0.02em; - --plasma-typo-text-xs-font-style: normal; - --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-xs-bold-letter-spacing: -0.02em; - --plasma-typo-text-xs-bold-font-style: normal; --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-medium-letter-spacing: normal; --plasma-typo-dspl-l-medium-font-style: normal; + --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-letter-spacing: normal; + --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-bold-letter-spacing: normal; + --plasma-typo-dspl-m-bold-font-style: normal; --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-m-medium-letter-spacing: normal; --plasma-typo-dspl-m-medium-font-style: normal; + --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-letter-spacing: normal; + --plasma-typo-dspl-m-font-style: normal; + --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-bold-letter-spacing: normal; + --plasma-typo-dspl-s-bold-font-style: normal; --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-medium-letter-spacing: normal; --plasma-typo-dspl-s-medium-font-style: normal; + --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-letter-spacing: normal; + --plasma-typo-dspl-s-font-style: normal; + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-bold-letter-spacing: normal; + --plasma-typo-h1-bold-font-style: normal; --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-medium-letter-spacing: normal; --plasma-typo-h1-medium-font-style: normal; + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-letter-spacing: normal; + --plasma-typo-h1-font-style: normal; + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-bold-letter-spacing: normal; + --plasma-typo-h2-bold-font-style: normal; --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-medium-letter-spacing: normal; --plasma-typo-h2-medium-font-style: normal; + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-letter-spacing: normal; + --plasma-typo-h2-font-style: normal; + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-bold-letter-spacing: normal; + --plasma-typo-h3-bold-font-style: normal; --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-medium-letter-spacing: normal; --plasma-typo-h3-medium-font-style: normal; + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-letter-spacing: normal; + --plasma-typo-h3-font-style: normal; + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-bold-letter-spacing: normal; + --plasma-typo-h4-bold-font-style: normal; --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-medium-letter-spacing: normal; --plasma-typo-h4-medium-font-style: normal; + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-letter-spacing: normal; + --plasma-typo-h4-font-style: normal; + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-bold-letter-spacing: normal; + --plasma-typo-h5-bold-font-style: normal; --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-medium-letter-spacing: normal; --plasma-typo-h5-medium-font-style: normal; + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-letter-spacing: normal; + --plasma-typo-h5-font-style: normal; + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-bold-letter-spacing: -0.02em; + --plasma-typo-body-l-bold-font-style: normal; --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-medium-letter-spacing: -0.02em; --plasma-typo-body-l-medium-font-style: normal; + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-letter-spacing: -0.02em; + --plasma-typo-body-l-font-style: normal; + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-bold-letter-spacing: -0.02em; + --plasma-typo-body-m-bold-font-style: normal; --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-medium-letter-spacing: -0.02em; --plasma-typo-body-m-medium-font-style: normal; + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-letter-spacing: -0.02em; + --plasma-typo-body-m-font-style: normal; + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-bold-letter-spacing: -0.02em; + --plasma-typo-body-s-bold-font-style: normal; --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-medium-letter-spacing: -0.02em; --plasma-typo-body-s-medium-font-style: normal; + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-letter-spacing: -0.02em; + --plasma-typo-body-s-font-style: normal; + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xs-bold-font-style: normal; --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-medium-letter-spacing: -0.02em; --plasma-typo-body-xs-medium-font-style: normal; + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-letter-spacing: -0.02em; + --plasma-typo-body-xs-font-style: normal; + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-medium-letter-spacing: -0.02em; --plasma-typo-body-xxs-medium-font-style: normal; + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-letter-spacing: -0.02em; + --plasma-typo-body-xxs-font-style: normal; + --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-bold-letter-spacing: -0.02em; + --plasma-typo-text-l-bold-font-style: normal; --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-l-medium-letter-spacing: -0.02em; --plasma-typo-text-l-medium-font-style: normal; + --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-letter-spacing: -0.02em; + --plasma-typo-text-l-font-style: normal; + --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-bold-letter-spacing: -0.02em; + --plasma-typo-text-m-bold-font-style: normal; --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-m-medium-letter-spacing: -0.02em; --plasma-typo-text-m-medium-font-style: normal; + --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-letter-spacing: -0.02em; + --plasma-typo-text-m-font-style: normal; + --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-bold-letter-spacing: -0.02em; + --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-s-medium-letter-spacing: -0.02em; --plasma-typo-text-s-medium-font-style: normal; + --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-letter-spacing: -0.02em; + --plasma-typo-text-s-font-style: normal; + --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-bold-letter-spacing: -0.02em; + --plasma-typo-text-xs-bold-font-style: normal; --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-medium-letter-spacing: -0.02em; --plasma-typo-text-xs-medium-font-style: normal; + --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-letter-spacing: -0.02em; + --plasma-typo-text-xs-font-style: normal; } @media (max-width: 559px) { :root { - --plasma-typo-dspl-l-font-size: 5.5rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 5.75rem; --plasma-typo-dspl-l-bold-font-size: 5.5rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 5.75rem; - --plasma-typo-dspl-m-font-size: 3.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 3.875rem; + --plasma-typo-dspl-l-medium-font-size: 5.5rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 5.75rem; + --plasma-typo-dspl-l-font-size: 5.5rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 5.75rem; --plasma-typo-dspl-m-bold-font-size: 3.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; - --plasma-typo-dspl-m-bold-line-height: 3.875rem; - --plasma-typo-dspl-s-font-size: 2.5rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 2.875rem; + --plasma-typo-dspl-m-bold-line-height: 3.75rem; + --plasma-typo-dspl-m-medium-font-size: 3.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 3.75rem; + --plasma-typo-dspl-m-font-size: 3.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 3.75rem; --plasma-typo-dspl-s-bold-font-size: 2.5rem; --plasma-typo-dspl-s-bold-font-weight: 600; - --plasma-typo-dspl-s-bold-line-height: 2.875rem; - --plasma-typo-h1-font-size: 1.75rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 2.125rem; - --plasma-typo-h1-bold-font-size: 1.75rem; + --plasma-typo-dspl-s-bold-line-height: 2.75rem; + --plasma-typo-dspl-s-medium-font-size: 2.5rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 2.75rem; + --plasma-typo-dspl-s-font-size: 2.5rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 2.75rem; + --plasma-typo-h1-bold-font-size: 2rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 2.125rem; - --plasma-typo-h2-font-size: 1.5rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h1-bold-line-height: 2.25rem; + --plasma-typo-h1-medium-font-size: 2rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 2.25rem; + --plasma-typo-h1-font-size: 2rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.25rem; --plasma-typo-h2-bold-font-size: 1.5rem; --plasma-typo-h2-bold-font-weight: 600; --plasma-typo-h2-bold-line-height: 1.875rem; - --plasma-typo-h3-font-size: 1.25rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.625rem; - --plasma-typo-h3-bold-font-size: 1.25rem; - --plasma-typo-h3-bold-font-weight: 600; - --plasma-typo-h3-bold-line-height: 1.625rem; - --plasma-typo-h4-font-size: 1.125rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.5rem; - --plasma-typo-h4-bold-font-size: 1.125rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.5rem; - --plasma-typo-h5-font-size: 1rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.375rem; - --plasma-typo-h5-bold-font-size: 1rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.375rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.125rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 1.625rem; - --plasma-typo-text-l-bold-font-size: 1.125rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 1.625rem; - --plasma-typo-text-m-font-size: 1rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.5rem; - --plasma-typo-text-m-bold-font-size: 1rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.5rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 5.5rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 5.75rem; - --plasma-typo-dspl-m-medium-font-size: 3.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 3.875rem; - --plasma-typo-dspl-s-medium-font-size: 2.5rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 2.875rem; - --plasma-typo-h1-medium-font-size: 1.75rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 2.125rem; --plasma-typo-h2-medium-font-size: 1.5rem; --plasma-typo-h2-medium-font-weight: 500; --plasma-typo-h2-medium-line-height: 1.875rem; + --plasma-typo-h2-font-size: 1.5rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; --plasma-typo-h3-medium-font-size: 1.25rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.625rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; --plasma-typo-h4-medium-font-size: 1.125rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.5rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; --plasma-typo-h5-medium-font-size: 1rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.375rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.125rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.625rem; --plasma-typo-text-l-medium-font-size: 1.125rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 1.625rem; + --plasma-typo-text-l-font-size: 1.125rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.625rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; --plasma-typo-text-m-medium-font-size: 1rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.5rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } @media (min-width: 560px) and (max-width: 959px) { :root { - --plasma-typo-dspl-l-font-size: 7rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 7rem; --plasma-typo-dspl-l-bold-font-size: 7rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 7rem; - --plasma-typo-dspl-m-font-size: 4.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 4.75rem; + --plasma-typo-dspl-l-medium-font-size: 7rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 7rem; + --plasma-typo-dspl-l-font-size: 7rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 7rem; --plasma-typo-dspl-m-bold-font-size: 4.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; --plasma-typo-dspl-m-bold-line-height: 4.75rem; - --plasma-typo-dspl-s-font-size: 3rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 3.375rem; + --plasma-typo-dspl-m-medium-font-size: 4.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 4.75rem; + --plasma-typo-dspl-m-font-size: 4.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 4.75rem; --plasma-typo-dspl-s-bold-font-size: 3rem; --plasma-typo-dspl-s-bold-font-weight: 600; - --plasma-typo-dspl-s-bold-line-height: 3.375rem; - --plasma-typo-h1-font-size: 2.5rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 2.875rem; + --plasma-typo-dspl-s-bold-line-height: 3.25rem; + --plasma-typo-dspl-s-medium-font-size: 3rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 3.25rem; + --plasma-typo-dspl-s-font-size: 3rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 3.25rem; --plasma-typo-h1-bold-font-size: 2.5rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 2.875rem; - --plasma-typo-h2-font-size: 1.75rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h1-bold-line-height: 2.75rem; + --plasma-typo-h1-medium-font-size: 2.5rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 2.75rem; + --plasma-typo-h1-font-size: 2.5rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.75rem; --plasma-typo-h2-bold-font-size: 1.75rem; --plasma-typo-h2-bold-font-weight: 600; --plasma-typo-h2-bold-line-height: 2.125rem; - --plasma-typo-h3-font-size: 1.25rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.625rem; - --plasma-typo-h3-bold-font-size: 1.25rem; - --plasma-typo-h3-bold-font-weight: 600; - --plasma-typo-h3-bold-line-height: 1.625rem; - --plasma-typo-h4-font-size: 1.125rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.5rem; - --plasma-typo-h4-bold-font-size: 1.125rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.5rem; - --plasma-typo-h5-font-size: 1rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.375rem; - --plasma-typo-h5-bold-font-size: 1rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.375rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.25rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 1.75rem; - --plasma-typo-text-l-bold-font-size: 1.25rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 1.75rem; - --plasma-typo-text-m-font-size: 1rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.5rem; - --plasma-typo-text-m-bold-font-size: 1rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.5rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 7rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 7rem; - --plasma-typo-dspl-m-medium-font-size: 4.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 4.75rem; - --plasma-typo-dspl-s-medium-font-size: 3rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 3.375rem; - --plasma-typo-h1-medium-font-size: 2.5rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 2.875rem; --plasma-typo-h2-medium-font-size: 1.75rem; --plasma-typo-h2-medium-font-weight: 500; --plasma-typo-h2-medium-line-height: 2.125rem; + --plasma-typo-h2-font-size: 1.75rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; --plasma-typo-h3-medium-font-size: 1.25rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.625rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; --plasma-typo-h4-medium-font-size: 1.125rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.5rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; --plasma-typo-h5-medium-font-size: 1rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.375rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.25rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.75rem; --plasma-typo-text-l-medium-font-size: 1.25rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 1.75rem; + --plasma-typo-text-l-font-size: 1.25rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.75rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; --plasma-typo-text-m-medium-font-size: 1rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.5rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } @media (min-width: 960px) { :root { - --plasma-typo-dspl-l-font-size: 8rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 8rem; --plasma-typo-dspl-l-bold-font-size: 8rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 8rem; - --plasma-typo-dspl-m-font-size: 5.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 5.75rem; + --plasma-typo-dspl-l-medium-font-size: 8rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 8rem; + --plasma-typo-dspl-l-font-size: 8rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 8rem; --plasma-typo-dspl-m-bold-font-size: 5.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; --plasma-typo-dspl-m-bold-line-height: 5.75rem; - --plasma-typo-dspl-s-font-size: 4rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 4.25rem; + --plasma-typo-dspl-m-medium-font-size: 5.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 5.75rem; + --plasma-typo-dspl-m-font-size: 5.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 5.75rem; --plasma-typo-dspl-s-bold-font-size: 4rem; --plasma-typo-dspl-s-bold-font-weight: 600; --plasma-typo-dspl-s-bold-line-height: 4.25rem; - --plasma-typo-h1-font-size: 3rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 3.375rem; + --plasma-typo-dspl-s-medium-font-size: 4rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 4.25rem; + --plasma-typo-dspl-s-font-size: 4rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 4.25rem; --plasma-typo-h1-bold-font-size: 3rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 3.375rem; - --plasma-typo-h2-font-size: 2rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 2.375rem; + --plasma-typo-h1-bold-line-height: 3.25rem; + --plasma-typo-h1-medium-font-size: 3rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 3.25rem; + --plasma-typo-h1-font-size: 3rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 3.25rem; --plasma-typo-h2-bold-font-size: 2rem; --plasma-typo-h2-bold-font-weight: 600; - --plasma-typo-h2-bold-line-height: 2.375rem; - --plasma-typo-h3-font-size: 1.5rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h2-bold-line-height: 2.25rem; + --plasma-typo-h2-medium-font-size: 2rem; + --plasma-typo-h2-medium-font-weight: 500; + --plasma-typo-h2-medium-line-height: 2.25rem; + --plasma-typo-h2-font-size: 2rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.25rem; --plasma-typo-h3-bold-font-size: 1.5rem; --plasma-typo-h3-bold-font-weight: 600; --plasma-typo-h3-bold-line-height: 1.875rem; - --plasma-typo-h4-font-size: 1.25rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.625rem; - --plasma-typo-h4-bold-font-size: 1.25rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.625rem; - --plasma-typo-h5-font-size: 1.125rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.5rem; - --plasma-typo-h5-bold-font-size: 1.125rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.5rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.5rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 2rem; - --plasma-typo-text-l-bold-font-size: 1.5rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 2rem; - --plasma-typo-text-m-font-size: 1.125rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.625rem; - --plasma-typo-text-m-bold-font-size: 1.125rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.625rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 8rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 8rem; - --plasma-typo-dspl-m-medium-font-size: 5.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 5.75rem; - --plasma-typo-dspl-s-medium-font-size: 4rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 4.25rem; - --plasma-typo-h1-medium-font-size: 3rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 3.375rem; - --plasma-typo-h2-medium-font-size: 2rem; - --plasma-typo-h2-medium-font-weight: 500; - --plasma-typo-h2-medium-line-height: 2.375rem; --plasma-typo-h3-medium-font-size: 1.5rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.875rem; + --plasma-typo-h3-font-size: 1.5rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h4-bold-font-size: 1.25rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.625rem; --plasma-typo-h4-medium-font-size: 1.25rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.25rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.625rem; + --plasma-typo-h5-bold-font-size: 1.125rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.5rem; --plasma-typo-h5-medium-font-size: 1.125rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1.125rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.5rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.5rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 2rem; --plasma-typo-text-l-medium-font-size: 1.5rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 2rem; + --plasma-typo-text-l-font-size: 1.5rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 2rem; + --plasma-typo-text-m-bold-font-size: 1.125rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.625rem; --plasma-typo-text-m-medium-font-size: 1.125rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.625rem; + --plasma-typo-text-m-font-size: 1.125rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.625rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/plasma_homeds__light.css b/packages/themes/plasma-themes/src/css/plasma_homeds__light.css index 488e72f60c..65a5538544 100644 --- a/packages/themes/plasma-themes/src/css/plasma_homeds__light.css +++ b/packages/themes/plasma-themes/src/css/plasma_homeds__light.css @@ -916,634 +916,634 @@ --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; - --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Display', sans-serif; --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; - --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; - --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-l-letter-spacing: normal; - --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-text-font-family: 'SB Sans Display', sans-serif; --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-bold-letter-spacing: normal; --plasma-typo-dspl-l-bold-font-style: normal; - --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-m-letter-spacing: normal; - --plasma-typo-dspl-m-font-style: normal; - --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-m-bold-letter-spacing: normal; - --plasma-typo-dspl-m-bold-font-style: normal; - --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-s-letter-spacing: normal; - --plasma-typo-dspl-s-font-style: normal; - --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-s-bold-letter-spacing: normal; - --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h1-letter-spacing: normal; - --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h1-bold-letter-spacing: normal; - --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h2-letter-spacing: normal; - --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h2-bold-letter-spacing: normal; - --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h3-letter-spacing: normal; - --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h3-bold-letter-spacing: normal; - --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h4-letter-spacing: normal; - --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h4-bold-letter-spacing: normal; - --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h5-letter-spacing: normal; - --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h5-bold-letter-spacing: normal; - --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-l-letter-spacing: -0.02em; - --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-l-bold-letter-spacing: -0.02em; - --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-m-letter-spacing: -0.02em; - --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-m-bold-letter-spacing: -0.02em; - --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-s-letter-spacing: -0.02em; - --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-s-bold-letter-spacing: -0.02em; - --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xs-letter-spacing: -0.02em; - --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xs-bold-letter-spacing: -0.02em; - --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xxs-letter-spacing: -0.02em; - --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; - --plasma-typo-body-xxs-bold-font-style: normal; - --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-l-letter-spacing: -0.02em; - --plasma-typo-text-l-font-style: normal; - --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-l-bold-letter-spacing: -0.02em; - --plasma-typo-text-l-bold-font-style: normal; - --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-m-letter-spacing: -0.02em; - --plasma-typo-text-m-font-style: normal; - --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-m-bold-letter-spacing: -0.02em; - --plasma-typo-text-m-bold-font-style: normal; - --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-letter-spacing: -0.02em; - --plasma-typo-text-s-font-style: normal; - --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02em; - --plasma-typo-text-s-bold-font-style: normal; - --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-xs-letter-spacing: -0.02em; - --plasma-typo-text-xs-font-style: normal; - --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-xs-bold-letter-spacing: -0.02em; - --plasma-typo-text-xs-bold-font-style: normal; --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-medium-letter-spacing: normal; --plasma-typo-dspl-l-medium-font-style: normal; + --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-letter-spacing: normal; + --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-bold-letter-spacing: normal; + --plasma-typo-dspl-m-bold-font-style: normal; --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-m-medium-letter-spacing: normal; --plasma-typo-dspl-m-medium-font-style: normal; + --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-letter-spacing: normal; + --plasma-typo-dspl-m-font-style: normal; + --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-bold-letter-spacing: normal; + --plasma-typo-dspl-s-bold-font-style: normal; --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-medium-letter-spacing: normal; --plasma-typo-dspl-s-medium-font-style: normal; + --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-letter-spacing: normal; + --plasma-typo-dspl-s-font-style: normal; + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-bold-letter-spacing: normal; + --plasma-typo-h1-bold-font-style: normal; --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-medium-letter-spacing: normal; --plasma-typo-h1-medium-font-style: normal; + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-letter-spacing: normal; + --plasma-typo-h1-font-style: normal; + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-bold-letter-spacing: normal; + --plasma-typo-h2-bold-font-style: normal; --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-medium-letter-spacing: normal; --plasma-typo-h2-medium-font-style: normal; + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-letter-spacing: normal; + --plasma-typo-h2-font-style: normal; + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-bold-letter-spacing: normal; + --plasma-typo-h3-bold-font-style: normal; --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-medium-letter-spacing: normal; --plasma-typo-h3-medium-font-style: normal; + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-letter-spacing: normal; + --plasma-typo-h3-font-style: normal; + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-bold-letter-spacing: normal; + --plasma-typo-h4-bold-font-style: normal; --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-medium-letter-spacing: normal; --plasma-typo-h4-medium-font-style: normal; + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-letter-spacing: normal; + --plasma-typo-h4-font-style: normal; + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-bold-letter-spacing: normal; + --plasma-typo-h5-bold-font-style: normal; --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-medium-letter-spacing: normal; --plasma-typo-h5-medium-font-style: normal; + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-letter-spacing: normal; + --plasma-typo-h5-font-style: normal; + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-bold-letter-spacing: -0.02em; + --plasma-typo-body-l-bold-font-style: normal; --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-medium-letter-spacing: -0.02em; --plasma-typo-body-l-medium-font-style: normal; + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-letter-spacing: -0.02em; + --plasma-typo-body-l-font-style: normal; + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-bold-letter-spacing: -0.02em; + --plasma-typo-body-m-bold-font-style: normal; --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-medium-letter-spacing: -0.02em; --plasma-typo-body-m-medium-font-style: normal; + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-letter-spacing: -0.02em; + --plasma-typo-body-m-font-style: normal; + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-bold-letter-spacing: -0.02em; + --plasma-typo-body-s-bold-font-style: normal; --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-medium-letter-spacing: -0.02em; --plasma-typo-body-s-medium-font-style: normal; + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-letter-spacing: -0.02em; + --plasma-typo-body-s-font-style: normal; + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xs-bold-font-style: normal; --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-medium-letter-spacing: -0.02em; --plasma-typo-body-xs-medium-font-style: normal; + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-letter-spacing: -0.02em; + --plasma-typo-body-xs-font-style: normal; + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-medium-letter-spacing: -0.02em; --plasma-typo-body-xxs-medium-font-style: normal; + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-letter-spacing: -0.02em; + --plasma-typo-body-xxs-font-style: normal; + --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-bold-letter-spacing: -0.02em; + --plasma-typo-text-l-bold-font-style: normal; --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-l-medium-letter-spacing: -0.02em; --plasma-typo-text-l-medium-font-style: normal; + --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-letter-spacing: -0.02em; + --plasma-typo-text-l-font-style: normal; + --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-bold-letter-spacing: -0.02em; + --plasma-typo-text-m-bold-font-style: normal; --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-m-medium-letter-spacing: -0.02em; --plasma-typo-text-m-medium-font-style: normal; + --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-letter-spacing: -0.02em; + --plasma-typo-text-m-font-style: normal; + --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-bold-letter-spacing: -0.02em; + --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-s-medium-letter-spacing: -0.02em; --plasma-typo-text-s-medium-font-style: normal; + --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-letter-spacing: -0.02em; + --plasma-typo-text-s-font-style: normal; + --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-bold-letter-spacing: -0.02em; + --plasma-typo-text-xs-bold-font-style: normal; --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-medium-letter-spacing: -0.02em; --plasma-typo-text-xs-medium-font-style: normal; + --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-letter-spacing: -0.02em; + --plasma-typo-text-xs-font-style: normal; } @media (max-width: 559px) { :root { - --plasma-typo-dspl-l-font-size: 5.5rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 5.75rem; --plasma-typo-dspl-l-bold-font-size: 5.5rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 5.75rem; - --plasma-typo-dspl-m-font-size: 3.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 3.875rem; + --plasma-typo-dspl-l-medium-font-size: 5.5rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 5.75rem; + --plasma-typo-dspl-l-font-size: 5.5rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 5.75rem; --plasma-typo-dspl-m-bold-font-size: 3.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; - --plasma-typo-dspl-m-bold-line-height: 3.875rem; - --plasma-typo-dspl-s-font-size: 2.5rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 2.875rem; + --plasma-typo-dspl-m-bold-line-height: 3.75rem; + --plasma-typo-dspl-m-medium-font-size: 3.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 3.75rem; + --plasma-typo-dspl-m-font-size: 3.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 3.75rem; --plasma-typo-dspl-s-bold-font-size: 2.5rem; --plasma-typo-dspl-s-bold-font-weight: 600; - --plasma-typo-dspl-s-bold-line-height: 2.875rem; - --plasma-typo-h1-font-size: 1.75rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 2.125rem; - --plasma-typo-h1-bold-font-size: 1.75rem; + --plasma-typo-dspl-s-bold-line-height: 2.75rem; + --plasma-typo-dspl-s-medium-font-size: 2.5rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 2.75rem; + --plasma-typo-dspl-s-font-size: 2.5rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 2.75rem; + --plasma-typo-h1-bold-font-size: 2rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 2.125rem; - --plasma-typo-h2-font-size: 1.5rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h1-bold-line-height: 2.25rem; + --plasma-typo-h1-medium-font-size: 2rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 2.25rem; + --plasma-typo-h1-font-size: 2rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.25rem; --plasma-typo-h2-bold-font-size: 1.5rem; --plasma-typo-h2-bold-font-weight: 600; --plasma-typo-h2-bold-line-height: 1.875rem; - --plasma-typo-h3-font-size: 1.25rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.625rem; - --plasma-typo-h3-bold-font-size: 1.25rem; - --plasma-typo-h3-bold-font-weight: 600; - --plasma-typo-h3-bold-line-height: 1.625rem; - --plasma-typo-h4-font-size: 1.125rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.5rem; - --plasma-typo-h4-bold-font-size: 1.125rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.5rem; - --plasma-typo-h5-font-size: 1rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.375rem; - --plasma-typo-h5-bold-font-size: 1rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.375rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.125rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 1.625rem; - --plasma-typo-text-l-bold-font-size: 1.125rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 1.625rem; - --plasma-typo-text-m-font-size: 1rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.5rem; - --plasma-typo-text-m-bold-font-size: 1rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.5rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 5.5rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 5.75rem; - --plasma-typo-dspl-m-medium-font-size: 3.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 3.875rem; - --plasma-typo-dspl-s-medium-font-size: 2.5rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 2.875rem; - --plasma-typo-h1-medium-font-size: 1.75rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 2.125rem; --plasma-typo-h2-medium-font-size: 1.5rem; --plasma-typo-h2-medium-font-weight: 500; --plasma-typo-h2-medium-line-height: 1.875rem; + --plasma-typo-h2-font-size: 1.5rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; --plasma-typo-h3-medium-font-size: 1.25rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.625rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; --plasma-typo-h4-medium-font-size: 1.125rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.5rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; --plasma-typo-h5-medium-font-size: 1rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.375rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.125rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.625rem; --plasma-typo-text-l-medium-font-size: 1.125rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 1.625rem; + --plasma-typo-text-l-font-size: 1.125rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.625rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; --plasma-typo-text-m-medium-font-size: 1rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.5rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } @media (min-width: 560px) and (max-width: 959px) { :root { - --plasma-typo-dspl-l-font-size: 7rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 7rem; --plasma-typo-dspl-l-bold-font-size: 7rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 7rem; - --plasma-typo-dspl-m-font-size: 4.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 4.75rem; + --plasma-typo-dspl-l-medium-font-size: 7rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 7rem; + --plasma-typo-dspl-l-font-size: 7rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 7rem; --plasma-typo-dspl-m-bold-font-size: 4.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; --plasma-typo-dspl-m-bold-line-height: 4.75rem; - --plasma-typo-dspl-s-font-size: 3rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 3.375rem; + --plasma-typo-dspl-m-medium-font-size: 4.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 4.75rem; + --plasma-typo-dspl-m-font-size: 4.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 4.75rem; --plasma-typo-dspl-s-bold-font-size: 3rem; --plasma-typo-dspl-s-bold-font-weight: 600; - --plasma-typo-dspl-s-bold-line-height: 3.375rem; - --plasma-typo-h1-font-size: 2.5rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 2.875rem; + --plasma-typo-dspl-s-bold-line-height: 3.25rem; + --plasma-typo-dspl-s-medium-font-size: 3rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 3.25rem; + --plasma-typo-dspl-s-font-size: 3rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 3.25rem; --plasma-typo-h1-bold-font-size: 2.5rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 2.875rem; - --plasma-typo-h2-font-size: 1.75rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h1-bold-line-height: 2.75rem; + --plasma-typo-h1-medium-font-size: 2.5rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 2.75rem; + --plasma-typo-h1-font-size: 2.5rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.75rem; --plasma-typo-h2-bold-font-size: 1.75rem; --plasma-typo-h2-bold-font-weight: 600; --plasma-typo-h2-bold-line-height: 2.125rem; - --plasma-typo-h3-font-size: 1.25rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.625rem; - --plasma-typo-h3-bold-font-size: 1.25rem; - --plasma-typo-h3-bold-font-weight: 600; - --plasma-typo-h3-bold-line-height: 1.625rem; - --plasma-typo-h4-font-size: 1.125rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.5rem; - --plasma-typo-h4-bold-font-size: 1.125rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.5rem; - --plasma-typo-h5-font-size: 1rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.375rem; - --plasma-typo-h5-bold-font-size: 1rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.375rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.25rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 1.75rem; - --plasma-typo-text-l-bold-font-size: 1.25rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 1.75rem; - --plasma-typo-text-m-font-size: 1rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.5rem; - --plasma-typo-text-m-bold-font-size: 1rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.5rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 7rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 7rem; - --plasma-typo-dspl-m-medium-font-size: 4.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 4.75rem; - --plasma-typo-dspl-s-medium-font-size: 3rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 3.375rem; - --plasma-typo-h1-medium-font-size: 2.5rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 2.875rem; --plasma-typo-h2-medium-font-size: 1.75rem; --plasma-typo-h2-medium-font-weight: 500; --plasma-typo-h2-medium-line-height: 2.125rem; + --plasma-typo-h2-font-size: 1.75rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; --plasma-typo-h3-medium-font-size: 1.25rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.625rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; --plasma-typo-h4-medium-font-size: 1.125rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.5rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; --plasma-typo-h5-medium-font-size: 1rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.375rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.25rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.75rem; --plasma-typo-text-l-medium-font-size: 1.25rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 1.75rem; + --plasma-typo-text-l-font-size: 1.25rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.75rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; --plasma-typo-text-m-medium-font-size: 1rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.5rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } @media (min-width: 960px) { :root { - --plasma-typo-dspl-l-font-size: 8rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 8rem; --plasma-typo-dspl-l-bold-font-size: 8rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 8rem; - --plasma-typo-dspl-m-font-size: 5.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 5.75rem; + --plasma-typo-dspl-l-medium-font-size: 8rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 8rem; + --plasma-typo-dspl-l-font-size: 8rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 8rem; --plasma-typo-dspl-m-bold-font-size: 5.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; --plasma-typo-dspl-m-bold-line-height: 5.75rem; - --plasma-typo-dspl-s-font-size: 4rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 4.25rem; + --plasma-typo-dspl-m-medium-font-size: 5.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 5.75rem; + --plasma-typo-dspl-m-font-size: 5.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 5.75rem; --plasma-typo-dspl-s-bold-font-size: 4rem; --plasma-typo-dspl-s-bold-font-weight: 600; --plasma-typo-dspl-s-bold-line-height: 4.25rem; - --plasma-typo-h1-font-size: 3rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 3.375rem; + --plasma-typo-dspl-s-medium-font-size: 4rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 4.25rem; + --plasma-typo-dspl-s-font-size: 4rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 4.25rem; --plasma-typo-h1-bold-font-size: 3rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 3.375rem; - --plasma-typo-h2-font-size: 2rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 2.375rem; + --plasma-typo-h1-bold-line-height: 3.25rem; + --plasma-typo-h1-medium-font-size: 3rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 3.25rem; + --plasma-typo-h1-font-size: 3rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 3.25rem; --plasma-typo-h2-bold-font-size: 2rem; --plasma-typo-h2-bold-font-weight: 600; - --plasma-typo-h2-bold-line-height: 2.375rem; - --plasma-typo-h3-font-size: 1.5rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h2-bold-line-height: 2.25rem; + --plasma-typo-h2-medium-font-size: 2rem; + --plasma-typo-h2-medium-font-weight: 500; + --plasma-typo-h2-medium-line-height: 2.25rem; + --plasma-typo-h2-font-size: 2rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.25rem; --plasma-typo-h3-bold-font-size: 1.5rem; --plasma-typo-h3-bold-font-weight: 600; --plasma-typo-h3-bold-line-height: 1.875rem; - --plasma-typo-h4-font-size: 1.25rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.625rem; - --plasma-typo-h4-bold-font-size: 1.25rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.625rem; - --plasma-typo-h5-font-size: 1.125rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.5rem; - --plasma-typo-h5-bold-font-size: 1.125rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.5rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.5rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 2rem; - --plasma-typo-text-l-bold-font-size: 1.5rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 2rem; - --plasma-typo-text-m-font-size: 1.125rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.625rem; - --plasma-typo-text-m-bold-font-size: 1.125rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.625rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 8rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 8rem; - --plasma-typo-dspl-m-medium-font-size: 5.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 5.75rem; - --plasma-typo-dspl-s-medium-font-size: 4rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 4.25rem; - --plasma-typo-h1-medium-font-size: 3rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 3.375rem; - --plasma-typo-h2-medium-font-size: 2rem; - --plasma-typo-h2-medium-font-weight: 500; - --plasma-typo-h2-medium-line-height: 2.375rem; --plasma-typo-h3-medium-font-size: 1.5rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.875rem; + --plasma-typo-h3-font-size: 1.5rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h4-bold-font-size: 1.25rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.625rem; --plasma-typo-h4-medium-font-size: 1.25rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.25rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.625rem; + --plasma-typo-h5-bold-font-size: 1.125rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.5rem; --plasma-typo-h5-medium-font-size: 1.125rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1.125rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.5rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.5rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 2rem; --plasma-typo-text-l-medium-font-size: 1.5rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 2rem; + --plasma-typo-text-l-font-size: 1.5rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 2rem; + --plasma-typo-text-m-bold-font-size: 1.125rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.625rem; --plasma-typo-text-m-medium-font-size: 1.125rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.625rem; + --plasma-typo-text-m-font-size: 1.125rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.625rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } \ No newline at end of file diff --git a/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY.module.css b/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY.module.css index eb3cf89341..75d3a6ff8e 100644 --- a/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY.module.css +++ b/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY.module.css @@ -1773,11 +1773,11 @@ .dark, .light { --border-radius-xxs: 4px; - --border-radius-xs: 8px; - --border-radius-s: 12px; - --border-radius-m: 16px; - --border-radius-l: 20px; - --border-radius-xl: 24px; + --border-radius-xs: 6px; + --border-radius-s: 8px; + --border-radius-m: 12px; + --border-radius-l: 16px; + --border-radius-xl: 20px; --border-radius-xxl: 32px; } diff --git a/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY__dark.css b/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY__dark.css index f662abe510..77630e3c6e 100644 --- a/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY__dark.css +++ b/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY__dark.css @@ -895,11 +895,11 @@ :root { --border-radius-xxs: 4px; - --border-radius-xs: 8px; - --border-radius-s: 12px; - --border-radius-m: 16px; - --border-radius-l: 20px; - --border-radius-xl: 24px; + --border-radius-xs: 6px; + --border-radius-s: 8px; + --border-radius-m: 12px; + --border-radius-l: 16px; + --border-radius-xl: 20px; --border-radius-xxl: 32px; } diff --git a/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY__light.css b/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY__light.css index 53a71898e8..31589bdfcd 100644 --- a/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY__light.css +++ b/packages/themes/plasma-themes/src/css/plasma_web_ACTUAL_TYPOGRAPHY__light.css @@ -895,11 +895,11 @@ :root { --border-radius-xxs: 4px; - --border-radius-xs: 8px; - --border-radius-s: 12px; - --border-radius-m: 16px; - --border-radius-l: 20px; - --border-radius-xl: 24px; + --border-radius-xs: 6px; + --border-radius-s: 8px; + --border-radius-m: 12px; + --border-radius-l: 16px; + --border-radius-xl: 20px; --border-radius-xxl: 32px; } diff --git a/packages/themes/plasma-themes/src/themes/plasma_b2c__dark.ts b/packages/themes/plasma-themes/src/themes/plasma_b2c__dark.ts index 676ea5be66..025a6be7fa 100644 --- a/packages/themes/plasma-themes/src/themes/plasma_b2c__dark.ts +++ b/packages/themes/plasma-themes/src/themes/plasma_b2c__dark.ts @@ -138,7 +138,9 @@ export const plasma_b2c__dark = ([ --inverse-text-tertiary: #08080847; --inverse-text-paragraph: #080808CC; --inverse-text-primary-hover: #08080893; + --inverse-text-primary-hover-brightness: #4E4E4EFF; --inverse-text-primary-active: #080808C4; + --inverse-text-primary-active-brightness: #343434FF; --inverse-text-secondary-hover: #080808FF; --inverse-text-secondary-active: #080808AB; --inverse-text-tertiary-hover: #080808FF; @@ -225,8 +227,11 @@ export const plasma_b2c__dark = ([ --surface-transparent-warning: #FA5F0533; --surface-transparent-negative: #FF293E33; --surface-solid-default: #F9F9F9; + --surface-solid-default-brightness: #F9F9F9FF; --surface-solid-default-hover: #FFFFFFFF; + --surface-solid-default-hover-brightness: #FFFFFFFF; --surface-solid-default-active: #F5F5F5FF; + --surface-solid-default-active-brightness: #F6F6F6FF; --surface-info: #3F81FD; --surface-info-minor: #082254; --surface-transparent-info: #3F81FD33; diff --git a/packages/themes/plasma-themes/src/themes/plasma_b2c__light.ts b/packages/themes/plasma-themes/src/themes/plasma_b2c__light.ts index a14af66967..71ab1f416f 100644 --- a/packages/themes/plasma-themes/src/themes/plasma_b2c__light.ts +++ b/packages/themes/plasma-themes/src/themes/plasma_b2c__light.ts @@ -141,7 +141,9 @@ export const plasma_b2c__light = ([ --inverse-text-warning: #FA5F05; --inverse-text-negative: #FF293E; --inverse-text-primary-hover: #FFFFFF93; + --inverse-text-primary-hover-brightness: #FFFFFFFF; --inverse-text-primary-active: #FFFFFFC4; + --inverse-text-primary-active-brightness: #FFFFFFFF; --inverse-text-secondary-hover: #FFFFFFFF; --inverse-text-secondary-active: #FFFFFFAB; --inverse-text-tertiary-hover: #FFFFFFFF; @@ -176,6 +178,7 @@ export const plasma_b2c__light = ([ --inverse-text-negative-minor: #9C1422; --inverse-text-info-minor: #1549AB; --surface-solid-default: #080808; + --surface-solid-default-brightness: #171717FF; --surface-solid-primary: #F5F5F5; --surface-solid-primary-brightness: #FFFFFFFF; --surface-solid-secondary: #ECECEC; @@ -227,7 +230,9 @@ export const plasma_b2c__light = ([ --surface-info-minor: #DEE9FF; --surface-transparent-info: #2A72F81F; --surface-solid-default-hover: #262626FF; + --surface-solid-default-hover-brightness: #333333FF; --surface-solid-default-active: #030303FF; + --surface-solid-default-active-brightness: #121212FF; --surface-solid-primary-hover: #FAFAFAFF; --surface-solid-primary-active: #F0F0F0FF; --surface-solid-secondary-hover: #F7F7F7FF; diff --git a/packages/themes/plasma-themes/src/themes/plasma_homeds__dark.ts b/packages/themes/plasma-themes/src/themes/plasma_homeds__dark.ts index 475ade5104..7136f67ae8 100644 --- a/packages/themes/plasma-themes/src/themes/plasma_homeds__dark.ts +++ b/packages/themes/plasma-themes/src/themes/plasma_homeds__dark.ts @@ -918,635 +918,635 @@ export const plasma_homeds__dark = ([ --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; - --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Display', sans-serif; --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; - --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; - --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-l-letter-spacing: normal; - --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-text-font-family: 'SB Sans Display', sans-serif; --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-bold-letter-spacing: normal; --plasma-typo-dspl-l-bold-font-style: normal; - --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-m-letter-spacing: normal; - --plasma-typo-dspl-m-font-style: normal; - --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-m-bold-letter-spacing: normal; - --plasma-typo-dspl-m-bold-font-style: normal; - --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-s-letter-spacing: normal; - --plasma-typo-dspl-s-font-style: normal; - --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-s-bold-letter-spacing: normal; - --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h1-letter-spacing: normal; - --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h1-bold-letter-spacing: normal; - --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h2-letter-spacing: normal; - --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h2-bold-letter-spacing: normal; - --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h3-letter-spacing: normal; - --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h3-bold-letter-spacing: normal; - --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h4-letter-spacing: normal; - --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h4-bold-letter-spacing: normal; - --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h5-letter-spacing: normal; - --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h5-bold-letter-spacing: normal; - --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-l-letter-spacing: -0.02em; - --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-l-bold-letter-spacing: -0.02em; - --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-m-letter-spacing: -0.02em; - --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-m-bold-letter-spacing: -0.02em; - --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-s-letter-spacing: -0.02em; - --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-s-bold-letter-spacing: -0.02em; - --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xs-letter-spacing: -0.02em; - --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xs-bold-letter-spacing: -0.02em; - --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xxs-letter-spacing: -0.02em; - --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; - --plasma-typo-body-xxs-bold-font-style: normal; - --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-l-letter-spacing: -0.02em; - --plasma-typo-text-l-font-style: normal; - --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-l-bold-letter-spacing: -0.02em; - --plasma-typo-text-l-bold-font-style: normal; - --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-m-letter-spacing: -0.02em; - --plasma-typo-text-m-font-style: normal; - --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-m-bold-letter-spacing: -0.02em; - --plasma-typo-text-m-bold-font-style: normal; - --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-letter-spacing: -0.02em; - --plasma-typo-text-s-font-style: normal; - --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02em; - --plasma-typo-text-s-bold-font-style: normal; - --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-xs-letter-spacing: -0.02em; - --plasma-typo-text-xs-font-style: normal; - --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-xs-bold-letter-spacing: -0.02em; - --plasma-typo-text-xs-bold-font-style: normal; --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-medium-letter-spacing: normal; --plasma-typo-dspl-l-medium-font-style: normal; + --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-letter-spacing: normal; + --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-bold-letter-spacing: normal; + --plasma-typo-dspl-m-bold-font-style: normal; --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-m-medium-letter-spacing: normal; --plasma-typo-dspl-m-medium-font-style: normal; + --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-letter-spacing: normal; + --plasma-typo-dspl-m-font-style: normal; + --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-bold-letter-spacing: normal; + --plasma-typo-dspl-s-bold-font-style: normal; --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-medium-letter-spacing: normal; --plasma-typo-dspl-s-medium-font-style: normal; + --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-letter-spacing: normal; + --plasma-typo-dspl-s-font-style: normal; + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-bold-letter-spacing: normal; + --plasma-typo-h1-bold-font-style: normal; --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-medium-letter-spacing: normal; --plasma-typo-h1-medium-font-style: normal; + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-letter-spacing: normal; + --plasma-typo-h1-font-style: normal; + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-bold-letter-spacing: normal; + --plasma-typo-h2-bold-font-style: normal; --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-medium-letter-spacing: normal; --plasma-typo-h2-medium-font-style: normal; + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-letter-spacing: normal; + --plasma-typo-h2-font-style: normal; + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-bold-letter-spacing: normal; + --plasma-typo-h3-bold-font-style: normal; --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-medium-letter-spacing: normal; --plasma-typo-h3-medium-font-style: normal; + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-letter-spacing: normal; + --plasma-typo-h3-font-style: normal; + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-bold-letter-spacing: normal; + --plasma-typo-h4-bold-font-style: normal; --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-medium-letter-spacing: normal; --plasma-typo-h4-medium-font-style: normal; + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-letter-spacing: normal; + --plasma-typo-h4-font-style: normal; + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-bold-letter-spacing: normal; + --plasma-typo-h5-bold-font-style: normal; --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-medium-letter-spacing: normal; --plasma-typo-h5-medium-font-style: normal; + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-letter-spacing: normal; + --plasma-typo-h5-font-style: normal; + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-bold-letter-spacing: -0.02em; + --plasma-typo-body-l-bold-font-style: normal; --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-medium-letter-spacing: -0.02em; --plasma-typo-body-l-medium-font-style: normal; + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-letter-spacing: -0.02em; + --plasma-typo-body-l-font-style: normal; + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-bold-letter-spacing: -0.02em; + --plasma-typo-body-m-bold-font-style: normal; --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-medium-letter-spacing: -0.02em; --plasma-typo-body-m-medium-font-style: normal; + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-letter-spacing: -0.02em; + --plasma-typo-body-m-font-style: normal; + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-bold-letter-spacing: -0.02em; + --plasma-typo-body-s-bold-font-style: normal; --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-medium-letter-spacing: -0.02em; --plasma-typo-body-s-medium-font-style: normal; + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-letter-spacing: -0.02em; + --plasma-typo-body-s-font-style: normal; + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xs-bold-font-style: normal; --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-medium-letter-spacing: -0.02em; --plasma-typo-body-xs-medium-font-style: normal; + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-letter-spacing: -0.02em; + --plasma-typo-body-xs-font-style: normal; + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-medium-letter-spacing: -0.02em; --plasma-typo-body-xxs-medium-font-style: normal; + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-letter-spacing: -0.02em; + --plasma-typo-body-xxs-font-style: normal; + --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-bold-letter-spacing: -0.02em; + --plasma-typo-text-l-bold-font-style: normal; --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-l-medium-letter-spacing: -0.02em; --plasma-typo-text-l-medium-font-style: normal; + --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-letter-spacing: -0.02em; + --plasma-typo-text-l-font-style: normal; + --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-bold-letter-spacing: -0.02em; + --plasma-typo-text-m-bold-font-style: normal; --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-m-medium-letter-spacing: -0.02em; --plasma-typo-text-m-medium-font-style: normal; + --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-letter-spacing: -0.02em; + --plasma-typo-text-m-font-style: normal; + --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-bold-letter-spacing: -0.02em; + --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-s-medium-letter-spacing: -0.02em; --plasma-typo-text-s-medium-font-style: normal; + --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-letter-spacing: -0.02em; + --plasma-typo-text-s-font-style: normal; + --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-bold-letter-spacing: -0.02em; + --plasma-typo-text-xs-bold-font-style: normal; --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-medium-letter-spacing: -0.02em; --plasma-typo-text-xs-medium-font-style: normal; + --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-letter-spacing: -0.02em; + --plasma-typo-text-xs-font-style: normal; } @media (max-width: 559px) { :root { - --plasma-typo-dspl-l-font-size: 5.5rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 5.75rem; --plasma-typo-dspl-l-bold-font-size: 5.5rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 5.75rem; - --plasma-typo-dspl-m-font-size: 3.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 3.875rem; + --plasma-typo-dspl-l-medium-font-size: 5.5rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 5.75rem; + --plasma-typo-dspl-l-font-size: 5.5rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 5.75rem; --plasma-typo-dspl-m-bold-font-size: 3.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; - --plasma-typo-dspl-m-bold-line-height: 3.875rem; - --plasma-typo-dspl-s-font-size: 2.5rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 2.875rem; + --plasma-typo-dspl-m-bold-line-height: 3.75rem; + --plasma-typo-dspl-m-medium-font-size: 3.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 3.75rem; + --plasma-typo-dspl-m-font-size: 3.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 3.75rem; --plasma-typo-dspl-s-bold-font-size: 2.5rem; --plasma-typo-dspl-s-bold-font-weight: 600; - --plasma-typo-dspl-s-bold-line-height: 2.875rem; - --plasma-typo-h1-font-size: 1.75rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 2.125rem; - --plasma-typo-h1-bold-font-size: 1.75rem; + --plasma-typo-dspl-s-bold-line-height: 2.75rem; + --plasma-typo-dspl-s-medium-font-size: 2.5rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 2.75rem; + --plasma-typo-dspl-s-font-size: 2.5rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 2.75rem; + --plasma-typo-h1-bold-font-size: 2rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 2.125rem; - --plasma-typo-h2-font-size: 1.5rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h1-bold-line-height: 2.25rem; + --plasma-typo-h1-medium-font-size: 2rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 2.25rem; + --plasma-typo-h1-font-size: 2rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.25rem; --plasma-typo-h2-bold-font-size: 1.5rem; --plasma-typo-h2-bold-font-weight: 600; --plasma-typo-h2-bold-line-height: 1.875rem; - --plasma-typo-h3-font-size: 1.25rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.625rem; - --plasma-typo-h3-bold-font-size: 1.25rem; - --plasma-typo-h3-bold-font-weight: 600; - --plasma-typo-h3-bold-line-height: 1.625rem; - --plasma-typo-h4-font-size: 1.125rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.5rem; - --plasma-typo-h4-bold-font-size: 1.125rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.5rem; - --plasma-typo-h5-font-size: 1rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.375rem; - --plasma-typo-h5-bold-font-size: 1rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.375rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.125rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 1.625rem; - --plasma-typo-text-l-bold-font-size: 1.125rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 1.625rem; - --plasma-typo-text-m-font-size: 1rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.5rem; - --plasma-typo-text-m-bold-font-size: 1rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.5rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 5.5rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 5.75rem; - --plasma-typo-dspl-m-medium-font-size: 3.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 3.875rem; - --plasma-typo-dspl-s-medium-font-size: 2.5rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 2.875rem; - --plasma-typo-h1-medium-font-size: 1.75rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 2.125rem; --plasma-typo-h2-medium-font-size: 1.5rem; --plasma-typo-h2-medium-font-weight: 500; --plasma-typo-h2-medium-line-height: 1.875rem; + --plasma-typo-h2-font-size: 1.5rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; --plasma-typo-h3-medium-font-size: 1.25rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.625rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; --plasma-typo-h4-medium-font-size: 1.125rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.5rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; --plasma-typo-h5-medium-font-size: 1rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.375rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.125rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.625rem; --plasma-typo-text-l-medium-font-size: 1.125rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 1.625rem; + --plasma-typo-text-l-font-size: 1.125rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.625rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; --plasma-typo-text-m-medium-font-size: 1rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.5rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } @media (min-width: 560px) and (max-width: 959px) { :root { - --plasma-typo-dspl-l-font-size: 7rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 7rem; --plasma-typo-dspl-l-bold-font-size: 7rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 7rem; - --plasma-typo-dspl-m-font-size: 4.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 4.75rem; + --plasma-typo-dspl-l-medium-font-size: 7rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 7rem; + --plasma-typo-dspl-l-font-size: 7rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 7rem; --plasma-typo-dspl-m-bold-font-size: 4.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; --plasma-typo-dspl-m-bold-line-height: 4.75rem; - --plasma-typo-dspl-s-font-size: 3rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 3.375rem; + --plasma-typo-dspl-m-medium-font-size: 4.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 4.75rem; + --plasma-typo-dspl-m-font-size: 4.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 4.75rem; --plasma-typo-dspl-s-bold-font-size: 3rem; --plasma-typo-dspl-s-bold-font-weight: 600; - --plasma-typo-dspl-s-bold-line-height: 3.375rem; - --plasma-typo-h1-font-size: 2.5rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 2.875rem; + --plasma-typo-dspl-s-bold-line-height: 3.25rem; + --plasma-typo-dspl-s-medium-font-size: 3rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 3.25rem; + --plasma-typo-dspl-s-font-size: 3rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 3.25rem; --plasma-typo-h1-bold-font-size: 2.5rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 2.875rem; - --plasma-typo-h2-font-size: 1.75rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h1-bold-line-height: 2.75rem; + --plasma-typo-h1-medium-font-size: 2.5rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 2.75rem; + --plasma-typo-h1-font-size: 2.5rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.75rem; --plasma-typo-h2-bold-font-size: 1.75rem; --plasma-typo-h2-bold-font-weight: 600; --plasma-typo-h2-bold-line-height: 2.125rem; - --plasma-typo-h3-font-size: 1.25rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.625rem; - --plasma-typo-h3-bold-font-size: 1.25rem; - --plasma-typo-h3-bold-font-weight: 600; - --plasma-typo-h3-bold-line-height: 1.625rem; - --plasma-typo-h4-font-size: 1.125rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.5rem; - --plasma-typo-h4-bold-font-size: 1.125rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.5rem; - --plasma-typo-h5-font-size: 1rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.375rem; - --plasma-typo-h5-bold-font-size: 1rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.375rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.25rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 1.75rem; - --plasma-typo-text-l-bold-font-size: 1.25rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 1.75rem; - --plasma-typo-text-m-font-size: 1rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.5rem; - --plasma-typo-text-m-bold-font-size: 1rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.5rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 7rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 7rem; - --plasma-typo-dspl-m-medium-font-size: 4.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 4.75rem; - --plasma-typo-dspl-s-medium-font-size: 3rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 3.375rem; - --plasma-typo-h1-medium-font-size: 2.5rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 2.875rem; --plasma-typo-h2-medium-font-size: 1.75rem; --plasma-typo-h2-medium-font-weight: 500; --plasma-typo-h2-medium-line-height: 2.125rem; + --plasma-typo-h2-font-size: 1.75rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; --plasma-typo-h3-medium-font-size: 1.25rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.625rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; --plasma-typo-h4-medium-font-size: 1.125rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.5rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; --plasma-typo-h5-medium-font-size: 1rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.375rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.25rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.75rem; --plasma-typo-text-l-medium-font-size: 1.25rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 1.75rem; + --plasma-typo-text-l-font-size: 1.25rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.75rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; --plasma-typo-text-m-medium-font-size: 1rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.5rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } @media (min-width: 960px) { :root { - --plasma-typo-dspl-l-font-size: 8rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 8rem; --plasma-typo-dspl-l-bold-font-size: 8rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 8rem; - --plasma-typo-dspl-m-font-size: 5.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 5.75rem; + --plasma-typo-dspl-l-medium-font-size: 8rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 8rem; + --plasma-typo-dspl-l-font-size: 8rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 8rem; --plasma-typo-dspl-m-bold-font-size: 5.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; --plasma-typo-dspl-m-bold-line-height: 5.75rem; - --plasma-typo-dspl-s-font-size: 4rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 4.25rem; + --plasma-typo-dspl-m-medium-font-size: 5.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 5.75rem; + --plasma-typo-dspl-m-font-size: 5.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 5.75rem; --plasma-typo-dspl-s-bold-font-size: 4rem; --plasma-typo-dspl-s-bold-font-weight: 600; --plasma-typo-dspl-s-bold-line-height: 4.25rem; - --plasma-typo-h1-font-size: 3rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 3.375rem; + --plasma-typo-dspl-s-medium-font-size: 4rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 4.25rem; + --plasma-typo-dspl-s-font-size: 4rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 4.25rem; --plasma-typo-h1-bold-font-size: 3rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 3.375rem; - --plasma-typo-h2-font-size: 2rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 2.375rem; + --plasma-typo-h1-bold-line-height: 3.25rem; + --plasma-typo-h1-medium-font-size: 3rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 3.25rem; + --plasma-typo-h1-font-size: 3rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 3.25rem; --plasma-typo-h2-bold-font-size: 2rem; --plasma-typo-h2-bold-font-weight: 600; - --plasma-typo-h2-bold-line-height: 2.375rem; - --plasma-typo-h3-font-size: 1.5rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h2-bold-line-height: 2.25rem; + --plasma-typo-h2-medium-font-size: 2rem; + --plasma-typo-h2-medium-font-weight: 500; + --plasma-typo-h2-medium-line-height: 2.25rem; + --plasma-typo-h2-font-size: 2rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.25rem; --plasma-typo-h3-bold-font-size: 1.5rem; --plasma-typo-h3-bold-font-weight: 600; --plasma-typo-h3-bold-line-height: 1.875rem; - --plasma-typo-h4-font-size: 1.25rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.625rem; - --plasma-typo-h4-bold-font-size: 1.25rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.625rem; - --plasma-typo-h5-font-size: 1.125rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.5rem; - --plasma-typo-h5-bold-font-size: 1.125rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.5rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.5rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 2rem; - --plasma-typo-text-l-bold-font-size: 1.5rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 2rem; - --plasma-typo-text-m-font-size: 1.125rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.625rem; - --plasma-typo-text-m-bold-font-size: 1.125rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.625rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 8rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 8rem; - --plasma-typo-dspl-m-medium-font-size: 5.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 5.75rem; - --plasma-typo-dspl-s-medium-font-size: 4rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 4.25rem; - --plasma-typo-h1-medium-font-size: 3rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 3.375rem; - --plasma-typo-h2-medium-font-size: 2rem; - --plasma-typo-h2-medium-font-weight: 500; - --plasma-typo-h2-medium-line-height: 2.375rem; --plasma-typo-h3-medium-font-size: 1.5rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.875rem; + --plasma-typo-h3-font-size: 1.5rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h4-bold-font-size: 1.25rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.625rem; --plasma-typo-h4-medium-font-size: 1.25rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.25rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.625rem; + --plasma-typo-h5-bold-font-size: 1.125rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.5rem; --plasma-typo-h5-medium-font-size: 1.125rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1.125rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.5rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.5rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 2rem; --plasma-typo-text-l-medium-font-size: 1.5rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 2rem; + --plasma-typo-text-l-font-size: 1.5rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 2rem; + --plasma-typo-text-m-bold-font-size: 1.125rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.625rem; --plasma-typo-text-m-medium-font-size: 1.125rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.625rem; + --plasma-typo-text-m-font-size: 1.125rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.625rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } }`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/plasma-themes/src/themes/plasma_homeds__light.ts b/packages/themes/plasma-themes/src/themes/plasma_homeds__light.ts index 0a051c6539..fd3945c341 100644 --- a/packages/themes/plasma-themes/src/themes/plasma_homeds__light.ts +++ b/packages/themes/plasma-themes/src/themes/plasma_homeds__light.ts @@ -918,635 +918,635 @@ export const plasma_homeds__light = ([ --plasma-typo-overflow-wrap: break-word; --plasma-typo-hyphens: auto; --plasma-typo-display-font-family: 'SB Sans Display', sans-serif; - --plasma-typo-body-font-family: 'SB Sans Text', sans-serif; + --plasma-typo-body-font-family: 'SB Sans Display', sans-serif; --plasma-typo-header-font-family: 'SB Sans Display', sans-serif; - --plasma-typo-text-font-family: 'SB Sans Text', sans-serif; - --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-l-letter-spacing: normal; - --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-text-font-family: 'SB Sans Display', sans-serif; --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-bold-letter-spacing: normal; --plasma-typo-dspl-l-bold-font-style: normal; - --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-m-letter-spacing: normal; - --plasma-typo-dspl-m-font-style: normal; - --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-m-bold-letter-spacing: normal; - --plasma-typo-dspl-m-bold-font-style: normal; - --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-s-letter-spacing: normal; - --plasma-typo-dspl-s-font-style: normal; - --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); - --plasma-typo-dspl-s-bold-letter-spacing: normal; - --plasma-typo-dspl-s-bold-font-style: normal; - --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h1-letter-spacing: normal; - --plasma-typo-h1-font-style: normal; - --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h1-bold-letter-spacing: normal; - --plasma-typo-h1-bold-font-style: normal; - --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h2-letter-spacing: normal; - --plasma-typo-h2-font-style: normal; - --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h2-bold-letter-spacing: normal; - --plasma-typo-h2-bold-font-style: normal; - --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h3-letter-spacing: normal; - --plasma-typo-h3-font-style: normal; - --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h3-bold-letter-spacing: normal; - --plasma-typo-h3-bold-font-style: normal; - --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h4-letter-spacing: normal; - --plasma-typo-h4-font-style: normal; - --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h4-bold-letter-spacing: normal; - --plasma-typo-h4-bold-font-style: normal; - --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h5-letter-spacing: normal; - --plasma-typo-h5-font-style: normal; - --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); - --plasma-typo-h5-bold-letter-spacing: normal; - --plasma-typo-h5-bold-font-style: normal; - --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-l-letter-spacing: -0.02em; - --plasma-typo-body-l-font-style: normal; - --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-l-bold-letter-spacing: -0.02em; - --plasma-typo-body-l-bold-font-style: normal; - --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-m-letter-spacing: -0.02em; - --plasma-typo-body-m-font-style: normal; - --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-m-bold-letter-spacing: -0.02em; - --plasma-typo-body-m-bold-font-style: normal; - --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-s-letter-spacing: -0.02em; - --plasma-typo-body-s-font-style: normal; - --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-s-bold-letter-spacing: -0.02em; - --plasma-typo-body-s-bold-font-style: normal; - --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xs-letter-spacing: -0.02em; - --plasma-typo-body-xs-font-style: normal; - --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xs-bold-letter-spacing: -0.02em; - --plasma-typo-body-xs-bold-font-style: normal; - --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xxs-letter-spacing: -0.02em; - --plasma-typo-body-xxs-font-style: normal; - --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); - --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; - --plasma-typo-body-xxs-bold-font-style: normal; - --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-l-letter-spacing: -0.02em; - --plasma-typo-text-l-font-style: normal; - --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-l-bold-letter-spacing: -0.02em; - --plasma-typo-text-l-bold-font-style: normal; - --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-m-letter-spacing: -0.02em; - --plasma-typo-text-m-font-style: normal; - --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-m-bold-letter-spacing: -0.02em; - --plasma-typo-text-m-bold-font-style: normal; - --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-letter-spacing: -0.02em; - --plasma-typo-text-s-font-style: normal; - --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-s-bold-letter-spacing: -0.02em; - --plasma-typo-text-s-bold-font-style: normal; - --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-xs-letter-spacing: -0.02em; - --plasma-typo-text-xs-font-style: normal; - --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); - --plasma-typo-text-xs-bold-letter-spacing: -0.02em; - --plasma-typo-text-xs-bold-font-style: normal; --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-l-medium-letter-spacing: normal; --plasma-typo-dspl-l-medium-font-style: normal; + --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-l-letter-spacing: normal; + --plasma-typo-dspl-l-font-style: normal; + --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-bold-letter-spacing: normal; + --plasma-typo-dspl-m-bold-font-style: normal; --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-m-medium-letter-spacing: normal; --plasma-typo-dspl-m-medium-font-style: normal; + --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-m-letter-spacing: normal; + --plasma-typo-dspl-m-font-style: normal; + --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-bold-letter-spacing: normal; + --plasma-typo-dspl-s-bold-font-style: normal; --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family); --plasma-typo-dspl-s-medium-letter-spacing: normal; --plasma-typo-dspl-s-medium-font-style: normal; + --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family); + --plasma-typo-dspl-s-letter-spacing: normal; + --plasma-typo-dspl-s-font-style: normal; + --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-bold-letter-spacing: normal; + --plasma-typo-h1-bold-font-style: normal; --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h1-medium-letter-spacing: normal; --plasma-typo-h1-medium-font-style: normal; + --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h1-letter-spacing: normal; + --plasma-typo-h1-font-style: normal; + --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-bold-letter-spacing: normal; + --plasma-typo-h2-bold-font-style: normal; --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h2-medium-letter-spacing: normal; --plasma-typo-h2-medium-font-style: normal; + --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h2-letter-spacing: normal; + --plasma-typo-h2-font-style: normal; + --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-bold-letter-spacing: normal; + --plasma-typo-h3-bold-font-style: normal; --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h3-medium-letter-spacing: normal; --plasma-typo-h3-medium-font-style: normal; + --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h3-letter-spacing: normal; + --plasma-typo-h3-font-style: normal; + --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-bold-letter-spacing: normal; + --plasma-typo-h4-bold-font-style: normal; --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h4-medium-letter-spacing: normal; --plasma-typo-h4-medium-font-style: normal; + --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h4-letter-spacing: normal; + --plasma-typo-h4-font-style: normal; + --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-bold-letter-spacing: normal; + --plasma-typo-h5-bold-font-style: normal; --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family); --plasma-typo-h5-medium-letter-spacing: normal; --plasma-typo-h5-medium-font-style: normal; + --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family); + --plasma-typo-h5-letter-spacing: normal; + --plasma-typo-h5-font-style: normal; + --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-bold-letter-spacing: -0.02em; + --plasma-typo-body-l-bold-font-style: normal; --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-l-medium-letter-spacing: -0.02em; --plasma-typo-body-l-medium-font-style: normal; + --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-l-letter-spacing: -0.02em; + --plasma-typo-body-l-font-style: normal; + --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-bold-letter-spacing: -0.02em; + --plasma-typo-body-m-bold-font-style: normal; --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-m-medium-letter-spacing: -0.02em; --plasma-typo-body-m-medium-font-style: normal; + --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-m-letter-spacing: -0.02em; + --plasma-typo-body-m-font-style: normal; + --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-bold-letter-spacing: -0.02em; + --plasma-typo-body-s-bold-font-style: normal; --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-s-medium-letter-spacing: -0.02em; --plasma-typo-body-s-medium-font-style: normal; + --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-s-letter-spacing: -0.02em; + --plasma-typo-body-s-font-style: normal; + --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xs-bold-font-style: normal; --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xs-medium-letter-spacing: -0.02em; --plasma-typo-body-xs-medium-font-style: normal; + --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xs-letter-spacing: -0.02em; + --plasma-typo-body-xs-font-style: normal; + --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-bold-letter-spacing: -0.02em; + --plasma-typo-body-xxs-bold-font-style: normal; --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family); --plasma-typo-body-xxs-medium-letter-spacing: -0.02em; --plasma-typo-body-xxs-medium-font-style: normal; + --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family); + --plasma-typo-body-xxs-letter-spacing: -0.02em; + --plasma-typo-body-xxs-font-style: normal; + --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-bold-letter-spacing: -0.02em; + --plasma-typo-text-l-bold-font-style: normal; --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-l-medium-letter-spacing: -0.02em; --plasma-typo-text-l-medium-font-style: normal; + --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-l-letter-spacing: -0.02em; + --plasma-typo-text-l-font-style: normal; + --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-bold-letter-spacing: -0.02em; + --plasma-typo-text-m-bold-font-style: normal; --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-m-medium-letter-spacing: -0.02em; --plasma-typo-text-m-medium-font-style: normal; + --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-m-letter-spacing: -0.02em; + --plasma-typo-text-m-font-style: normal; + --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-bold-letter-spacing: -0.02em; + --plasma-typo-text-s-bold-font-style: normal; --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-s-medium-letter-spacing: -0.02em; --plasma-typo-text-s-medium-font-style: normal; + --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-s-letter-spacing: -0.02em; + --plasma-typo-text-s-font-style: normal; + --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-bold-letter-spacing: -0.02em; + --plasma-typo-text-xs-bold-font-style: normal; --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family); --plasma-typo-text-xs-medium-letter-spacing: -0.02em; --plasma-typo-text-xs-medium-font-style: normal; + --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family); + --plasma-typo-text-xs-letter-spacing: -0.02em; + --plasma-typo-text-xs-font-style: normal; } @media (max-width: 559px) { :root { - --plasma-typo-dspl-l-font-size: 5.5rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 5.75rem; --plasma-typo-dspl-l-bold-font-size: 5.5rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 5.75rem; - --plasma-typo-dspl-m-font-size: 3.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 3.875rem; + --plasma-typo-dspl-l-medium-font-size: 5.5rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 5.75rem; + --plasma-typo-dspl-l-font-size: 5.5rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 5.75rem; --plasma-typo-dspl-m-bold-font-size: 3.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; - --plasma-typo-dspl-m-bold-line-height: 3.875rem; - --plasma-typo-dspl-s-font-size: 2.5rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 2.875rem; + --plasma-typo-dspl-m-bold-line-height: 3.75rem; + --plasma-typo-dspl-m-medium-font-size: 3.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 3.75rem; + --plasma-typo-dspl-m-font-size: 3.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 3.75rem; --plasma-typo-dspl-s-bold-font-size: 2.5rem; --plasma-typo-dspl-s-bold-font-weight: 600; - --plasma-typo-dspl-s-bold-line-height: 2.875rem; - --plasma-typo-h1-font-size: 1.75rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 2.125rem; - --plasma-typo-h1-bold-font-size: 1.75rem; + --plasma-typo-dspl-s-bold-line-height: 2.75rem; + --plasma-typo-dspl-s-medium-font-size: 2.5rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 2.75rem; + --plasma-typo-dspl-s-font-size: 2.5rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 2.75rem; + --plasma-typo-h1-bold-font-size: 2rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 2.125rem; - --plasma-typo-h2-font-size: 1.5rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h1-bold-line-height: 2.25rem; + --plasma-typo-h1-medium-font-size: 2rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 2.25rem; + --plasma-typo-h1-font-size: 2rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.25rem; --plasma-typo-h2-bold-font-size: 1.5rem; --plasma-typo-h2-bold-font-weight: 600; --plasma-typo-h2-bold-line-height: 1.875rem; - --plasma-typo-h3-font-size: 1.25rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.625rem; - --plasma-typo-h3-bold-font-size: 1.25rem; - --plasma-typo-h3-bold-font-weight: 600; - --plasma-typo-h3-bold-line-height: 1.625rem; - --plasma-typo-h4-font-size: 1.125rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.5rem; - --plasma-typo-h4-bold-font-size: 1.125rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.5rem; - --plasma-typo-h5-font-size: 1rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.375rem; - --plasma-typo-h5-bold-font-size: 1rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.375rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.125rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 1.625rem; - --plasma-typo-text-l-bold-font-size: 1.125rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 1.625rem; - --plasma-typo-text-m-font-size: 1rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.5rem; - --plasma-typo-text-m-bold-font-size: 1rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.5rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 5.5rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 5.75rem; - --plasma-typo-dspl-m-medium-font-size: 3.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 3.875rem; - --plasma-typo-dspl-s-medium-font-size: 2.5rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 2.875rem; - --plasma-typo-h1-medium-font-size: 1.75rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 2.125rem; --plasma-typo-h2-medium-font-size: 1.5rem; --plasma-typo-h2-medium-font-weight: 500; --plasma-typo-h2-medium-line-height: 1.875rem; + --plasma-typo-h2-font-size: 1.5rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 1.875rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; --plasma-typo-h3-medium-font-size: 1.25rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.625rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; --plasma-typo-h4-medium-font-size: 1.125rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.5rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; --plasma-typo-h5-medium-font-size: 1rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.375rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.125rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.625rem; --plasma-typo-text-l-medium-font-size: 1.125rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 1.625rem; + --plasma-typo-text-l-font-size: 1.125rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.625rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; --plasma-typo-text-m-medium-font-size: 1rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.5rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } @media (min-width: 560px) and (max-width: 959px) { :root { - --plasma-typo-dspl-l-font-size: 7rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 7rem; --plasma-typo-dspl-l-bold-font-size: 7rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 7rem; - --plasma-typo-dspl-m-font-size: 4.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 4.75rem; + --plasma-typo-dspl-l-medium-font-size: 7rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 7rem; + --plasma-typo-dspl-l-font-size: 7rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 7rem; --plasma-typo-dspl-m-bold-font-size: 4.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; --plasma-typo-dspl-m-bold-line-height: 4.75rem; - --plasma-typo-dspl-s-font-size: 3rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 3.375rem; + --plasma-typo-dspl-m-medium-font-size: 4.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 4.75rem; + --plasma-typo-dspl-m-font-size: 4.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 4.75rem; --plasma-typo-dspl-s-bold-font-size: 3rem; --plasma-typo-dspl-s-bold-font-weight: 600; - --plasma-typo-dspl-s-bold-line-height: 3.375rem; - --plasma-typo-h1-font-size: 2.5rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 2.875rem; + --plasma-typo-dspl-s-bold-line-height: 3.25rem; + --plasma-typo-dspl-s-medium-font-size: 3rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 3.25rem; + --plasma-typo-dspl-s-font-size: 3rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 3.25rem; --plasma-typo-h1-bold-font-size: 2.5rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 2.875rem; - --plasma-typo-h2-font-size: 1.75rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h1-bold-line-height: 2.75rem; + --plasma-typo-h1-medium-font-size: 2.5rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 2.75rem; + --plasma-typo-h1-font-size: 2.5rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 2.75rem; --plasma-typo-h2-bold-font-size: 1.75rem; --plasma-typo-h2-bold-font-weight: 600; --plasma-typo-h2-bold-line-height: 2.125rem; - --plasma-typo-h3-font-size: 1.25rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.625rem; - --plasma-typo-h3-bold-font-size: 1.25rem; - --plasma-typo-h3-bold-font-weight: 600; - --plasma-typo-h3-bold-line-height: 1.625rem; - --plasma-typo-h4-font-size: 1.125rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.5rem; - --plasma-typo-h4-bold-font-size: 1.125rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.5rem; - --plasma-typo-h5-font-size: 1rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.375rem; - --plasma-typo-h5-bold-font-size: 1rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.375rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.25rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 1.75rem; - --plasma-typo-text-l-bold-font-size: 1.25rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 1.75rem; - --plasma-typo-text-m-font-size: 1rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.5rem; - --plasma-typo-text-m-bold-font-size: 1rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.5rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 7rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 7rem; - --plasma-typo-dspl-m-medium-font-size: 4.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 4.75rem; - --plasma-typo-dspl-s-medium-font-size: 3rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 3.375rem; - --plasma-typo-h1-medium-font-size: 2.5rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 2.875rem; --plasma-typo-h2-medium-font-size: 1.75rem; --plasma-typo-h2-medium-font-weight: 500; --plasma-typo-h2-medium-line-height: 2.125rem; + --plasma-typo-h2-font-size: 1.75rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.125rem; + --plasma-typo-h3-bold-font-size: 1.25rem; + --plasma-typo-h3-bold-font-weight: 600; + --plasma-typo-h3-bold-line-height: 1.625rem; --plasma-typo-h3-medium-font-size: 1.25rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.625rem; + --plasma-typo-h3-font-size: 1.25rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.625rem; + --plasma-typo-h4-bold-font-size: 1.125rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.5rem; --plasma-typo-h4-medium-font-size: 1.125rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.5rem; + --plasma-typo-h4-font-size: 1.125rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.5rem; + --plasma-typo-h5-bold-font-size: 1rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.375rem; --plasma-typo-h5-medium-font-size: 1rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.375rem; + --plasma-typo-h5-font-size: 1rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.375rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.25rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 1.75rem; --plasma-typo-text-l-medium-font-size: 1.25rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 1.75rem; + --plasma-typo-text-l-font-size: 1.25rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 1.75rem; + --plasma-typo-text-m-bold-font-size: 1rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.5rem; --plasma-typo-text-m-medium-font-size: 1rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.5rem; + --plasma-typo-text-m-font-size: 1rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.5rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } } @media (min-width: 960px) { :root { - --plasma-typo-dspl-l-font-size: 8rem; - --plasma-typo-dspl-l-font-weight: 300; - --plasma-typo-dspl-l-line-height: 8rem; --plasma-typo-dspl-l-bold-font-size: 8rem; --plasma-typo-dspl-l-bold-font-weight: 600; --plasma-typo-dspl-l-bold-line-height: 8rem; - --plasma-typo-dspl-m-font-size: 5.5rem; - --plasma-typo-dspl-m-font-weight: 300; - --plasma-typo-dspl-m-line-height: 5.75rem; + --plasma-typo-dspl-l-medium-font-size: 8rem; + --plasma-typo-dspl-l-medium-font-weight: 400; + --plasma-typo-dspl-l-medium-line-height: 8rem; + --plasma-typo-dspl-l-font-size: 8rem; + --plasma-typo-dspl-l-font-weight: 300; + --plasma-typo-dspl-l-line-height: 8rem; --plasma-typo-dspl-m-bold-font-size: 5.5rem; --plasma-typo-dspl-m-bold-font-weight: 600; --plasma-typo-dspl-m-bold-line-height: 5.75rem; - --plasma-typo-dspl-s-font-size: 4rem; - --plasma-typo-dspl-s-font-weight: 300; - --plasma-typo-dspl-s-line-height: 4.25rem; + --plasma-typo-dspl-m-medium-font-size: 5.5rem; + --plasma-typo-dspl-m-medium-font-weight: 400; + --plasma-typo-dspl-m-medium-line-height: 5.75rem; + --plasma-typo-dspl-m-font-size: 5.5rem; + --plasma-typo-dspl-m-font-weight: 300; + --plasma-typo-dspl-m-line-height: 5.75rem; --plasma-typo-dspl-s-bold-font-size: 4rem; --plasma-typo-dspl-s-bold-font-weight: 600; --plasma-typo-dspl-s-bold-line-height: 4.25rem; - --plasma-typo-h1-font-size: 3rem; - --plasma-typo-h1-font-weight: 400; - --plasma-typo-h1-line-height: 3.375rem; + --plasma-typo-dspl-s-medium-font-size: 4rem; + --plasma-typo-dspl-s-medium-font-weight: 400; + --plasma-typo-dspl-s-medium-line-height: 4.25rem; + --plasma-typo-dspl-s-font-size: 4rem; + --plasma-typo-dspl-s-font-weight: 300; + --plasma-typo-dspl-s-line-height: 4.25rem; --plasma-typo-h1-bold-font-size: 3rem; --plasma-typo-h1-bold-font-weight: 600; - --plasma-typo-h1-bold-line-height: 3.375rem; - --plasma-typo-h2-font-size: 2rem; - --plasma-typo-h2-font-weight: 400; - --plasma-typo-h2-line-height: 2.375rem; + --plasma-typo-h1-bold-line-height: 3.25rem; + --plasma-typo-h1-medium-font-size: 3rem; + --plasma-typo-h1-medium-font-weight: 500; + --plasma-typo-h1-medium-line-height: 3.25rem; + --plasma-typo-h1-font-size: 3rem; + --plasma-typo-h1-font-weight: 400; + --plasma-typo-h1-line-height: 3.25rem; --plasma-typo-h2-bold-font-size: 2rem; --plasma-typo-h2-bold-font-weight: 600; - --plasma-typo-h2-bold-line-height: 2.375rem; - --plasma-typo-h3-font-size: 1.5rem; - --plasma-typo-h3-font-weight: 400; - --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h2-bold-line-height: 2.25rem; + --plasma-typo-h2-medium-font-size: 2rem; + --plasma-typo-h2-medium-font-weight: 500; + --plasma-typo-h2-medium-line-height: 2.25rem; + --plasma-typo-h2-font-size: 2rem; + --plasma-typo-h2-font-weight: 400; + --plasma-typo-h2-line-height: 2.25rem; --plasma-typo-h3-bold-font-size: 1.5rem; --plasma-typo-h3-bold-font-weight: 600; --plasma-typo-h3-bold-line-height: 1.875rem; - --plasma-typo-h4-font-size: 1.25rem; - --plasma-typo-h4-font-weight: 400; - --plasma-typo-h4-line-height: 1.625rem; - --plasma-typo-h4-bold-font-size: 1.25rem; - --plasma-typo-h4-bold-font-weight: 600; - --plasma-typo-h4-bold-line-height: 1.625rem; - --plasma-typo-h5-font-size: 1.125rem; - --plasma-typo-h5-font-weight: 400; - --plasma-typo-h5-line-height: 1.5rem; - --plasma-typo-h5-bold-font-size: 1.125rem; - --plasma-typo-h5-bold-font-weight: 600; - --plasma-typo-h5-bold-line-height: 1.5rem; - --plasma-typo-body-l-font-size: 1.125rem; - --plasma-typo-body-l-font-weight: 400; - --plasma-typo-body-l-line-height: 1.375rem; - --plasma-typo-body-l-bold-font-size: 1.125rem; - --plasma-typo-body-l-bold-font-weight: 600; - --plasma-typo-body-l-bold-line-height: 1.375rem; - --plasma-typo-body-m-font-size: 1rem; - --plasma-typo-body-m-font-weight: 400; - --plasma-typo-body-m-line-height: 1.25rem; - --plasma-typo-body-m-bold-font-size: 1rem; - --plasma-typo-body-m-bold-font-weight: 600; - --plasma-typo-body-m-bold-line-height: 1.25rem; - --plasma-typo-body-s-font-size: 0.875rem; - --plasma-typo-body-s-font-weight: 400; - --plasma-typo-body-s-line-height: 1.125rem; - --plasma-typo-body-s-bold-font-size: 0.875rem; - --plasma-typo-body-s-bold-font-weight: 600; - --plasma-typo-body-s-bold-line-height: 1.125rem; - --plasma-typo-body-xs-font-size: 0.75rem; - --plasma-typo-body-xs-font-weight: 400; - --plasma-typo-body-xs-line-height: 0.875rem; - --plasma-typo-body-xs-bold-font-size: 0.75rem; - --plasma-typo-body-xs-bold-font-weight: 600; - --plasma-typo-body-xs-bold-line-height: 0.875rem; - --plasma-typo-body-xxs-font-size: 0.625rem; - --plasma-typo-body-xxs-font-weight: 400; - --plasma-typo-body-xxs-line-height: 0.75rem; - --plasma-typo-body-xxs-bold-font-size: 0.625rem; - --plasma-typo-body-xxs-bold-font-weight: 600; - --plasma-typo-body-xxs-bold-line-height: 0.75rem; - --plasma-typo-text-l-font-size: 1.5rem; - --plasma-typo-text-l-font-weight: 400; - --plasma-typo-text-l-line-height: 2rem; - --plasma-typo-text-l-bold-font-size: 1.5rem; - --plasma-typo-text-l-bold-font-weight: 600; - --plasma-typo-text-l-bold-line-height: 2rem; - --plasma-typo-text-m-font-size: 1.125rem; - --plasma-typo-text-m-font-weight: 400; - --plasma-typo-text-m-line-height: 1.625rem; - --plasma-typo-text-m-bold-font-size: 1.125rem; - --plasma-typo-text-m-bold-font-weight: 600; - --plasma-typo-text-m-bold-line-height: 1.625rem; - --plasma-typo-text-s-font-size: 0.875rem; - --plasma-typo-text-s-font-weight: 400; - --plasma-typo-text-s-line-height: 1.25rem; - --plasma-typo-text-s-bold-font-size: 0.875rem; - --plasma-typo-text-s-bold-font-weight: 600; - --plasma-typo-text-s-bold-line-height: 1.25rem; - --plasma-typo-text-xs-font-size: 0.75rem; - --plasma-typo-text-xs-font-weight: 400; - --plasma-typo-text-xs-line-height: 1rem; - --plasma-typo-text-xs-bold-font-size: 0.75rem; - --plasma-typo-text-xs-bold-font-weight: 600; - --plasma-typo-text-xs-bold-line-height: 1rem; - --plasma-typo-dspl-l-medium-font-size: 8rem; - --plasma-typo-dspl-l-medium-font-weight: 500; - --plasma-typo-dspl-l-medium-line-height: 8rem; - --plasma-typo-dspl-m-medium-font-size: 5.5rem; - --plasma-typo-dspl-m-medium-font-weight: 500; - --plasma-typo-dspl-m-medium-line-height: 5.75rem; - --plasma-typo-dspl-s-medium-font-size: 4rem; - --plasma-typo-dspl-s-medium-font-weight: 500; - --plasma-typo-dspl-s-medium-line-height: 4.25rem; - --plasma-typo-h1-medium-font-size: 3rem; - --plasma-typo-h1-medium-font-weight: 500; - --plasma-typo-h1-medium-line-height: 3.375rem; - --plasma-typo-h2-medium-font-size: 2rem; - --plasma-typo-h2-medium-font-weight: 500; - --plasma-typo-h2-medium-line-height: 2.375rem; --plasma-typo-h3-medium-font-size: 1.5rem; --plasma-typo-h3-medium-font-weight: 500; --plasma-typo-h3-medium-line-height: 1.875rem; + --plasma-typo-h3-font-size: 1.5rem; + --plasma-typo-h3-font-weight: 400; + --plasma-typo-h3-line-height: 1.875rem; + --plasma-typo-h4-bold-font-size: 1.25rem; + --plasma-typo-h4-bold-font-weight: 600; + --plasma-typo-h4-bold-line-height: 1.625rem; --plasma-typo-h4-medium-font-size: 1.25rem; --plasma-typo-h4-medium-font-weight: 500; --plasma-typo-h4-medium-line-height: 1.625rem; + --plasma-typo-h4-font-size: 1.25rem; + --plasma-typo-h4-font-weight: 400; + --plasma-typo-h4-line-height: 1.625rem; + --plasma-typo-h5-bold-font-size: 1.125rem; + --plasma-typo-h5-bold-font-weight: 600; + --plasma-typo-h5-bold-line-height: 1.5rem; --plasma-typo-h5-medium-font-size: 1.125rem; --plasma-typo-h5-medium-font-weight: 500; --plasma-typo-h5-medium-line-height: 1.5rem; + --plasma-typo-h5-font-size: 1.125rem; + --plasma-typo-h5-font-weight: 400; + --plasma-typo-h5-line-height: 1.5rem; + --plasma-typo-body-l-bold-font-size: 1.125rem; + --plasma-typo-body-l-bold-font-weight: 600; + --plasma-typo-body-l-bold-line-height: 1.375rem; --plasma-typo-body-l-medium-font-size: 1.125rem; --plasma-typo-body-l-medium-font-weight: 500; --plasma-typo-body-l-medium-line-height: 1.375rem; + --plasma-typo-body-l-font-size: 1.125rem; + --plasma-typo-body-l-font-weight: 400; + --plasma-typo-body-l-line-height: 1.375rem; + --plasma-typo-body-m-bold-font-size: 1rem; + --plasma-typo-body-m-bold-font-weight: 600; + --plasma-typo-body-m-bold-line-height: 1.25rem; --plasma-typo-body-m-medium-font-size: 1rem; --plasma-typo-body-m-medium-font-weight: 500; --plasma-typo-body-m-medium-line-height: 1.25rem; + --plasma-typo-body-m-font-size: 1rem; + --plasma-typo-body-m-font-weight: 400; + --plasma-typo-body-m-line-height: 1.25rem; + --plasma-typo-body-s-bold-font-size: 0.875rem; + --plasma-typo-body-s-bold-font-weight: 600; + --plasma-typo-body-s-bold-line-height: 1.125rem; --plasma-typo-body-s-medium-font-size: 0.875rem; --plasma-typo-body-s-medium-font-weight: 500; --plasma-typo-body-s-medium-line-height: 1.125rem; + --plasma-typo-body-s-font-size: 0.875rem; + --plasma-typo-body-s-font-weight: 400; + --plasma-typo-body-s-line-height: 1.125rem; + --plasma-typo-body-xs-bold-font-size: 0.75rem; + --plasma-typo-body-xs-bold-font-weight: 600; + --plasma-typo-body-xs-bold-line-height: 0.875rem; --plasma-typo-body-xs-medium-font-size: 0.75rem; --plasma-typo-body-xs-medium-font-weight: 500; --plasma-typo-body-xs-medium-line-height: 0.875rem; + --plasma-typo-body-xs-font-size: 0.75rem; + --plasma-typo-body-xs-font-weight: 400; + --plasma-typo-body-xs-line-height: 0.875rem; + --plasma-typo-body-xxs-bold-font-size: 0.625rem; + --plasma-typo-body-xxs-bold-font-weight: 600; + --plasma-typo-body-xxs-bold-line-height: 0.75rem; --plasma-typo-body-xxs-medium-font-size: 0.625rem; --plasma-typo-body-xxs-medium-font-weight: 500; --plasma-typo-body-xxs-medium-line-height: 0.75rem; + --plasma-typo-body-xxs-font-size: 0.625rem; + --plasma-typo-body-xxs-font-weight: 400; + --plasma-typo-body-xxs-line-height: 0.75rem; + --plasma-typo-text-l-bold-font-size: 1.5rem; + --plasma-typo-text-l-bold-font-weight: 600; + --plasma-typo-text-l-bold-line-height: 2rem; --plasma-typo-text-l-medium-font-size: 1.5rem; --plasma-typo-text-l-medium-font-weight: 500; --plasma-typo-text-l-medium-line-height: 2rem; + --plasma-typo-text-l-font-size: 1.5rem; + --plasma-typo-text-l-font-weight: 400; + --plasma-typo-text-l-line-height: 2rem; + --plasma-typo-text-m-bold-font-size: 1.125rem; + --plasma-typo-text-m-bold-font-weight: 600; + --plasma-typo-text-m-bold-line-height: 1.625rem; --plasma-typo-text-m-medium-font-size: 1.125rem; --plasma-typo-text-m-medium-font-weight: 500; --plasma-typo-text-m-medium-line-height: 1.625rem; + --plasma-typo-text-m-font-size: 1.125rem; + --plasma-typo-text-m-font-weight: 400; + --plasma-typo-text-m-line-height: 1.625rem; + --plasma-typo-text-s-bold-font-size: 0.875rem; + --plasma-typo-text-s-bold-font-weight: 600; + --plasma-typo-text-s-bold-line-height: 1.25rem; --plasma-typo-text-s-medium-font-size: 0.875rem; --plasma-typo-text-s-medium-font-weight: 500; --plasma-typo-text-s-medium-line-height: 1.25rem; + --plasma-typo-text-s-font-size: 0.875rem; + --plasma-typo-text-s-font-weight: 400; + --plasma-typo-text-s-line-height: 1.25rem; + --plasma-typo-text-xs-bold-font-size: 0.75rem; + --plasma-typo-text-xs-bold-font-weight: 600; + --plasma-typo-text-xs-bold-line-height: 1rem; --plasma-typo-text-xs-medium-font-size: 0.75rem; --plasma-typo-text-xs-medium-font-weight: 500; --plasma-typo-text-xs-medium-line-height: 1rem; + --plasma-typo-text-xs-font-size: 0.75rem; + --plasma-typo-text-xs-font-weight: 400; + --plasma-typo-text-xs-line-height: 1rem; } }`, ] as unknown) as TemplateStringsArray; diff --git a/packages/themes/plasma-themes/src/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.ts b/packages/themes/plasma-themes/src/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.ts index 865cc2b647..f47de498ad 100644 --- a/packages/themes/plasma-themes/src/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.ts +++ b/packages/themes/plasma-themes/src/themes/plasma_web_ACTUAL_TYPOGRAPHY__dark.ts @@ -897,11 +897,11 @@ export const plasma_web_ACTUAL_TYPOGRAPHY__dark = ([ :root { --border-radius-xxs: 4px; - --border-radius-xs: 8px; - --border-radius-s: 12px; - --border-radius-m: 16px; - --border-radius-l: 20px; - --border-radius-xl: 24px; + --border-radius-xs: 6px; + --border-radius-s: 8px; + --border-radius-m: 12px; + --border-radius-l: 16px; + --border-radius-xl: 20px; --border-radius-xxl: 32px; } diff --git a/packages/themes/plasma-themes/src/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.ts b/packages/themes/plasma-themes/src/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.ts index e7123c9956..e3e2f43376 100644 --- a/packages/themes/plasma-themes/src/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.ts +++ b/packages/themes/plasma-themes/src/themes/plasma_web_ACTUAL_TYPOGRAPHY__light.ts @@ -897,11 +897,11 @@ export const plasma_web_ACTUAL_TYPOGRAPHY__light = ([ :root { --border-radius-xxs: 4px; - --border-radius-xs: 8px; - --border-radius-s: 12px; - --border-radius-m: 16px; - --border-radius-l: 20px; - --border-radius-xl: 24px; + --border-radius-xs: 6px; + --border-radius-s: 8px; + --border-radius-m: 12px; + --border-radius-l: 16px; + --border-radius-xl: 20px; --border-radius-xxl: 32px; } diff --git a/packages/themes/plasma-themes/src/tokens/plasma_b2c/index.ts b/packages/themes/plasma-themes/src/tokens/plasma_b2c/index.ts index 0237b55aa8..f4e05b01cf 100644 --- a/packages/themes/plasma-themes/src/tokens/plasma_b2c/index.ts +++ b/packages/themes/plasma-themes/src/tokens/plasma_b2c/index.ts @@ -405,9 +405,15 @@ export const inverseTextParagraph = 'var(--inverse-text-paragraph, #080808CC)'; /** Инвертированный основной цвет текста */ export const inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #08080893)'; +/** Инвертированный основной цвет текста */ +export const inverseTextPrimaryHoverBrightness = 'var(--inverse-text-primary-hover-brightness, #4E4E4EFF)'; + /** Инвертированный основной цвет текста */ export const inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #080808C4)'; +/** Инвертированный основной цвет текста */ +export const inverseTextPrimaryActiveBrightness = 'var(--inverse-text-primary-active-brightness, #343434FF)'; + /** Инвертированный вторичный цвет текста */ export const inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #080808FF)'; @@ -666,12 +672,21 @@ export const surfaceTransparentNegative = 'var(--surface-transparent-negative, # /** Непрозрачный фон поверхности/контрола по умолчанию */ export const surfaceSolidDefault = 'var(--surface-solid-default, #F9F9F9)'; +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefaultBrightness = 'var(--surface-solid-default-brightness, #F9F9F9FF)'; + /** Непрозрачный фон поверхности/контрола по умолчанию */ export const surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)'; +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefaultHoverBrightness = 'var(--surface-solid-default-hover-brightness, #FFFFFFFF)'; + /** Непрозрачный фон поверхности/контрола по умолчанию */ export const surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)'; +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefaultActiveBrightness = 'var(--surface-solid-default-active-brightness, #F6F6F6FF)'; + /** dark surface default surfaceInfo */ export const surfaceInfo = 'var(--surface-info, #3F81FD)'; @@ -3476,7 +3491,9 @@ export const viewContainer = { --inverse-text-tertiary: var(--on-light-text-tertiary); --inverse-text-paragraph: var(--on-light-text-paragraph); --inverse-text-primary-hover: var(--on-light-text-primary-hover); + --inverse-text-primary-hover-brightness: var(--on-light-text-primary-hover-brightness); --inverse-text-primary-active: var(--on-light-text-primary-active); + --inverse-text-primary-active-brightness: var(--on-light-text-primary-active-brightness); --inverse-text-secondary-hover: var(--on-light-text-secondary-hover); --inverse-text-secondary-active: var(--on-light-text-secondary-active); --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover); @@ -3563,8 +3580,11 @@ export const viewContainer = { --surface-transparent-warning: var(--on-dark-surface-transparent-warning); --surface-transparent-negative: var(--on-dark-surface-transparent-negative); --surface-solid-default: var(--on-dark-surface-solid-default); + --surface-solid-default-brightness: var(--on-dark-surface-solid-default-brightness); --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover); + --surface-solid-default-hover-brightness: var(--on-dark-surface-solid-default-hover-brightness); --surface-solid-default-active: var(--on-dark-surface-solid-default-active); + --surface-solid-default-active-brightness: var(--on-dark-surface-solid-default-active-brightness); --surface-info: var(--on-dark-surface-info); --surface-info-minor: var(--on-dark-surface-info-minor); --surface-transparent-info: var(--on-dark-surface-transparent-info); @@ -3937,7 +3957,9 @@ export const viewContainer = { --inverse-text-warning: var(--on-dark-text-warning); --inverse-text-negative: var(--on-dark-text-negative); --inverse-text-primary-hover: var(--on-dark-text-primary-hover); + --inverse-text-primary-hover-brightness: var(--on-dark-text-primary-hover-brightness); --inverse-text-primary-active: var(--on-dark-text-primary-active); + --inverse-text-primary-active-brightness: var(--on-dark-text-primary-active-brightness); --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover); --inverse-text-secondary-active: var(--on-dark-text-secondary-active); --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover); @@ -3972,6 +3994,7 @@ export const viewContainer = { --inverse-text-negative-minor: var(--on-dark-text-negative-minor); --inverse-text-info-minor: var(--on-dark-text-info-minor); --surface-solid-default: var(--on-light-surface-solid-default); + --surface-solid-default-brightness: var(--on-light-surface-solid-default-brightness); --surface-solid-primary: var(--on-light-surface-solid-primary); --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness); --surface-solid-secondary: var(--on-light-surface-solid-secondary); @@ -4023,7 +4046,9 @@ export const viewContainer = { --surface-info-minor: var(--on-light-surface-info-minor); --surface-transparent-info: var(--on-light-surface-transparent-info); --surface-solid-default-hover: var(--on-light-surface-solid-default-hover); + --surface-solid-default-hover-brightness: var(--on-light-surface-solid-default-hover-brightness); --surface-solid-default-active: var(--on-light-surface-solid-default-active); + --surface-solid-default-active-brightness: var(--on-light-surface-solid-default-active-brightness); --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover); --surface-solid-primary-active: var(--on-light-surface-solid-primary-active); --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover); diff --git a/packages/themes/plasma-themes/src/tokens/plasma_homeds/index.ts b/packages/themes/plasma-themes/src/tokens/plasma_homeds/index.ts index fdcb090e1d..340239f462 100644 --- a/packages/themes/plasma-themes/src/tokens/plasma_homeds/index.ts +++ b/packages/themes/plasma-themes/src/tokens/plasma_homeds/index.ts @@ -2708,16 +2708,6 @@ export const spacing40x = 'var(--spacing-40x, 80px)'; /** spacing 60x */ export const spacing60x = 'var(--spacing-60x, 120px)'; -/** typography s display-l */ -export const dsplL = { - fontFamily: 'var(--plasma-typo-dspl-l-font-family)', - fontSize: 'var(--plasma-typo-dspl-l-font-size)', - fontStyle: 'var(--plasma-typo-dspl-l-font-style)', - fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', - letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', - lineHeight: 'var(--plasma-typo-dspl-l-line-height)', -}; - /** typography s display-l-bold */ export const dsplLBold = { fontFamily: 'var(--plasma-typo-dspl-l-bold-font-family)', @@ -2728,14 +2718,24 @@ export const dsplLBold = { lineHeight: 'var(--plasma-typo-dspl-l-bold-line-height)', }; -/** typography s display-m */ -export const dsplM = { - fontFamily: 'var(--plasma-typo-dspl-m-font-family)', - fontSize: 'var(--plasma-typo-dspl-m-font-size)', - fontStyle: 'var(--plasma-typo-dspl-m-font-style)', - fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', - letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', - lineHeight: 'var(--plasma-typo-dspl-m-line-height)', +/** typography s display-l-medium */ +export const dsplLMedium = { + fontFamily: 'var(--plasma-typo-dspl-l-medium-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-medium-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-medium-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-medium-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-medium-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-medium-line-height)', +}; + +/** typography s display-l */ +export const dsplL = { + fontFamily: 'var(--plasma-typo-dspl-l-font-family)', + fontSize: 'var(--plasma-typo-dspl-l-font-size)', + fontStyle: 'var(--plasma-typo-dspl-l-font-style)', + fontWeight: 'var(--plasma-typo-dspl-l-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-l-line-height)', }; /** typography s display-m-bold */ @@ -2748,14 +2748,24 @@ export const dsplMBold = { lineHeight: 'var(--plasma-typo-dspl-m-bold-line-height)', }; -/** typography s display-s */ -export const dsplS = { - fontFamily: 'var(--plasma-typo-dspl-s-font-family)', - fontSize: 'var(--plasma-typo-dspl-s-font-size)', - fontStyle: 'var(--plasma-typo-dspl-s-font-style)', - fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', - letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', - lineHeight: 'var(--plasma-typo-dspl-s-line-height)', +/** typography s display-m-medium */ +export const dsplMMedium = { + fontFamily: 'var(--plasma-typo-dspl-m-medium-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-medium-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-medium-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-medium-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-medium-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-medium-line-height)', +}; + +/** typography s display-m */ +export const dsplM = { + fontFamily: 'var(--plasma-typo-dspl-m-font-family)', + fontSize: 'var(--plasma-typo-dspl-m-font-size)', + fontStyle: 'var(--plasma-typo-dspl-m-font-style)', + fontWeight: 'var(--plasma-typo-dspl-m-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-m-line-height)', }; /** typography s display-s-bold */ @@ -2768,14 +2778,24 @@ export const dsplSBold = { lineHeight: 'var(--plasma-typo-dspl-s-bold-line-height)', }; -/** typography s header-h1 */ -export const h1 = { - fontFamily: 'var(--plasma-typo-h1-font-family)', - fontSize: 'var(--plasma-typo-h1-font-size)', - fontStyle: 'var(--plasma-typo-h1-font-style)', - fontWeight: 'var(--plasma-typo-h1-font-weight)', - letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', - lineHeight: 'var(--plasma-typo-h1-line-height)', +/** typography s display-s-medium */ +export const dsplSMedium = { + fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-medium-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-medium-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-medium-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-medium-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)', +}; + +/** typography s display-s */ +export const dsplS = { + fontFamily: 'var(--plasma-typo-dspl-s-font-family)', + fontSize: 'var(--plasma-typo-dspl-s-font-size)', + fontStyle: 'var(--plasma-typo-dspl-s-font-style)', + fontWeight: 'var(--plasma-typo-dspl-s-font-weight)', + letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-dspl-s-line-height)', }; /** typography s header-h1-bold */ @@ -2788,296 +2808,6 @@ export const h1Bold = { lineHeight: 'var(--plasma-typo-h1-bold-line-height)', }; -/** typography s header-h2 */ -export const h2 = { - fontFamily: 'var(--plasma-typo-h2-font-family)', - fontSize: 'var(--plasma-typo-h2-font-size)', - fontStyle: 'var(--plasma-typo-h2-font-style)', - fontWeight: 'var(--plasma-typo-h2-font-weight)', - letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', - lineHeight: 'var(--plasma-typo-h2-line-height)', -}; - -/** typography s header-h2-bold */ -export const h2Bold = { - fontFamily: 'var(--plasma-typo-h2-bold-font-family)', - fontSize: 'var(--plasma-typo-h2-bold-font-size)', - fontStyle: 'var(--plasma-typo-h2-bold-font-style)', - fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-h2-bold-line-height)', -}; - -/** typography s header-h3 */ -export const h3 = { - fontFamily: 'var(--plasma-typo-h3-font-family)', - fontSize: 'var(--plasma-typo-h3-font-size)', - fontStyle: 'var(--plasma-typo-h3-font-style)', - fontWeight: 'var(--plasma-typo-h3-font-weight)', - letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', - lineHeight: 'var(--plasma-typo-h3-line-height)', -}; - -/** typography s header-h3-bold */ -export const h3Bold = { - fontFamily: 'var(--plasma-typo-h3-bold-font-family)', - fontSize: 'var(--plasma-typo-h3-bold-font-size)', - fontStyle: 'var(--plasma-typo-h3-bold-font-style)', - fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-h3-bold-line-height)', -}; - -/** typography s header-h4 */ -export const h4 = { - fontFamily: 'var(--plasma-typo-h4-font-family)', - fontSize: 'var(--plasma-typo-h4-font-size)', - fontStyle: 'var(--plasma-typo-h4-font-style)', - fontWeight: 'var(--plasma-typo-h4-font-weight)', - letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', - lineHeight: 'var(--plasma-typo-h4-line-height)', -}; - -/** typography s header-h4-bold */ -export const h4Bold = { - fontFamily: 'var(--plasma-typo-h4-bold-font-family)', - fontSize: 'var(--plasma-typo-h4-bold-font-size)', - fontStyle: 'var(--plasma-typo-h4-bold-font-style)', - fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-h4-bold-line-height)', -}; - -/** typography s header-h5 */ -export const h5 = { - fontFamily: 'var(--plasma-typo-h5-font-family)', - fontSize: 'var(--plasma-typo-h5-font-size)', - fontStyle: 'var(--plasma-typo-h5-font-style)', - fontWeight: 'var(--plasma-typo-h5-font-weight)', - letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', - lineHeight: 'var(--plasma-typo-h5-line-height)', -}; - -/** typography s header-h5-bold */ -export const h5Bold = { - fontFamily: 'var(--plasma-typo-h5-bold-font-family)', - fontSize: 'var(--plasma-typo-h5-bold-font-size)', - fontStyle: 'var(--plasma-typo-h5-bold-font-style)', - fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-h5-bold-line-height)', -}; - -/** typography s body-l */ -export const bodyL = { - fontFamily: 'var(--plasma-typo-body-l-font-family)', - fontSize: 'var(--plasma-typo-body-l-font-size)', - fontStyle: 'var(--plasma-typo-body-l-font-style)', - fontWeight: 'var(--plasma-typo-body-l-font-weight)', - letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', - lineHeight: 'var(--plasma-typo-body-l-line-height)', -}; - -/** typography s body-l-bold */ -export const bodyLBold = { - fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', - fontSize: 'var(--plasma-typo-body-l-bold-font-size)', - fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', - fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', -}; - -/** typography s body-m */ -export const bodyM = { - fontFamily: 'var(--plasma-typo-body-m-font-family)', - fontSize: 'var(--plasma-typo-body-m-font-size)', - fontStyle: 'var(--plasma-typo-body-m-font-style)', - fontWeight: 'var(--plasma-typo-body-m-font-weight)', - letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', - lineHeight: 'var(--plasma-typo-body-m-line-height)', -}; - -/** typography s body-m-bold */ -export const bodyMBold = { - fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', - fontSize: 'var(--plasma-typo-body-m-bold-font-size)', - fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', - fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', -}; - -/** typography s body-s */ -export const bodyS = { - fontFamily: 'var(--plasma-typo-body-s-font-family)', - fontSize: 'var(--plasma-typo-body-s-font-size)', - fontStyle: 'var(--plasma-typo-body-s-font-style)', - fontWeight: 'var(--plasma-typo-body-s-font-weight)', - letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', - lineHeight: 'var(--plasma-typo-body-s-line-height)', -}; - -/** typography s body-s-bold */ -export const bodySBold = { - fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', - fontSize: 'var(--plasma-typo-body-s-bold-font-size)', - fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', - fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', -}; - -/** typography s body-xs */ -export const bodyXS = { - fontFamily: 'var(--plasma-typo-body-xs-font-family)', - fontSize: 'var(--plasma-typo-body-xs-font-size)', - fontStyle: 'var(--plasma-typo-body-xs-font-style)', - fontWeight: 'var(--plasma-typo-body-xs-font-weight)', - letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', - lineHeight: 'var(--plasma-typo-body-xs-line-height)', -}; - -/** typography s body-xs-bold */ -export const bodyXSBold = { - fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', - fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', - fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', - fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', -}; - -/** typography s body-xxs */ -export const bodyXXS = { - fontFamily: 'var(--plasma-typo-body-xxs-font-family)', - fontSize: 'var(--plasma-typo-body-xxs-font-size)', - fontStyle: 'var(--plasma-typo-body-xxs-font-style)', - fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', - letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', - lineHeight: 'var(--plasma-typo-body-xxs-line-height)', -}; - -/** typography s body-xxs-bold */ -export const bodyXXSBold = { - fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', - fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', - fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', - fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', -}; - -/** typography s text-l */ -export const textL = { - fontFamily: 'var(--plasma-typo-text-l-font-family)', - fontSize: 'var(--plasma-typo-text-l-font-size)', - fontStyle: 'var(--plasma-typo-text-l-font-style)', - fontWeight: 'var(--plasma-typo-text-l-font-weight)', - letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', - lineHeight: 'var(--plasma-typo-text-l-line-height)', -}; - -/** typography s text-l-bold */ -export const textLBold = { - fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', - fontSize: 'var(--plasma-typo-text-l-bold-font-size)', - fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', - fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', -}; - -/** typography s text-m */ -export const textM = { - fontFamily: 'var(--plasma-typo-text-m-font-family)', - fontSize: 'var(--plasma-typo-text-m-font-size)', - fontStyle: 'var(--plasma-typo-text-m-font-style)', - fontWeight: 'var(--plasma-typo-text-m-font-weight)', - letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', - lineHeight: 'var(--plasma-typo-text-m-line-height)', -}; - -/** typography s text-m-bold */ -export const textMBold = { - fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', - fontSize: 'var(--plasma-typo-text-m-bold-font-size)', - fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', - fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', -}; - -/** typography s text-s */ -export const textS = { - fontFamily: 'var(--plasma-typo-text-s-font-family)', - fontSize: 'var(--plasma-typo-text-s-font-size)', - fontStyle: 'var(--plasma-typo-text-s-font-style)', - fontWeight: 'var(--plasma-typo-text-s-font-weight)', - letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', - lineHeight: 'var(--plasma-typo-text-s-line-height)', -}; - -/** typography s text-s-bold */ -export const textSBold = { - fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', - fontSize: 'var(--plasma-typo-text-s-bold-font-size)', - fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', - fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', -}; - -/** typography s text-xs */ -export const textXS = { - fontFamily: 'var(--plasma-typo-text-xs-font-family)', - fontSize: 'var(--plasma-typo-text-xs-font-size)', - fontStyle: 'var(--plasma-typo-text-xs-font-style)', - fontWeight: 'var(--plasma-typo-text-xs-font-weight)', - letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', - lineHeight: 'var(--plasma-typo-text-xs-line-height)', -}; - -/** typography s text-xs-bold */ -export const textXSBold = { - fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', - fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', - fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', - fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', - letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', - lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', -}; - -/** typography s display-l-medium */ -export const dsplLMedium = { - fontFamily: 'var(--plasma-typo-dspl-l-medium-font-family)', - fontSize: 'var(--plasma-typo-dspl-l-medium-font-size)', - fontStyle: 'var(--plasma-typo-dspl-l-medium-font-style)', - fontWeight: 'var(--plasma-typo-dspl-l-medium-font-weight)', - letterSpacing: 'var(--plasma-typo-dspl-l-medium-letter-spacing)', - lineHeight: 'var(--plasma-typo-dspl-l-medium-line-height)', -}; - -/** typography s display-m-medium */ -export const dsplMMedium = { - fontFamily: 'var(--plasma-typo-dspl-m-medium-font-family)', - fontSize: 'var(--plasma-typo-dspl-m-medium-font-size)', - fontStyle: 'var(--plasma-typo-dspl-m-medium-font-style)', - fontWeight: 'var(--plasma-typo-dspl-m-medium-font-weight)', - letterSpacing: 'var(--plasma-typo-dspl-m-medium-letter-spacing)', - lineHeight: 'var(--plasma-typo-dspl-m-medium-line-height)', -}; - -/** typography s display-s-medium */ -export const dsplSMedium = { - fontFamily: 'var(--plasma-typo-dspl-s-medium-font-family)', - fontSize: 'var(--plasma-typo-dspl-s-medium-font-size)', - fontStyle: 'var(--plasma-typo-dspl-s-medium-font-style)', - fontWeight: 'var(--plasma-typo-dspl-s-medium-font-weight)', - letterSpacing: 'var(--plasma-typo-dspl-s-medium-letter-spacing)', - lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)', -}; - /** typography s header-h1-medium */ export const h1Medium = { fontFamily: 'var(--plasma-typo-h1-medium-font-family)', @@ -3088,6 +2818,26 @@ export const h1Medium = { lineHeight: 'var(--plasma-typo-h1-medium-line-height)', }; +/** typography s header-h1 */ +export const h1 = { + fontFamily: 'var(--plasma-typo-h1-font-family)', + fontSize: 'var(--plasma-typo-h1-font-size)', + fontStyle: 'var(--plasma-typo-h1-font-style)', + fontWeight: 'var(--plasma-typo-h1-font-weight)', + letterSpacing: 'var(--plasma-typo-h1-letter-spacing)', + lineHeight: 'var(--plasma-typo-h1-line-height)', +}; + +/** typography s header-h2-bold */ +export const h2Bold = { + fontFamily: 'var(--plasma-typo-h2-bold-font-family)', + fontSize: 'var(--plasma-typo-h2-bold-font-size)', + fontStyle: 'var(--plasma-typo-h2-bold-font-style)', + fontWeight: 'var(--plasma-typo-h2-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-bold-line-height)', +}; + /** typography s header-h2-medium */ export const h2Medium = { fontFamily: 'var(--plasma-typo-h2-medium-font-family)', @@ -3098,6 +2848,26 @@ export const h2Medium = { lineHeight: 'var(--plasma-typo-h2-medium-line-height)', }; +/** typography s header-h2 */ +export const h2 = { + fontFamily: 'var(--plasma-typo-h2-font-family)', + fontSize: 'var(--plasma-typo-h2-font-size)', + fontStyle: 'var(--plasma-typo-h2-font-style)', + fontWeight: 'var(--plasma-typo-h2-font-weight)', + letterSpacing: 'var(--plasma-typo-h2-letter-spacing)', + lineHeight: 'var(--plasma-typo-h2-line-height)', +}; + +/** typography s header-h3-bold */ +export const h3Bold = { + fontFamily: 'var(--plasma-typo-h3-bold-font-family)', + fontSize: 'var(--plasma-typo-h3-bold-font-size)', + fontStyle: 'var(--plasma-typo-h3-bold-font-style)', + fontWeight: 'var(--plasma-typo-h3-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-bold-line-height)', +}; + /** typography s header-h3-medium */ export const h3Medium = { fontFamily: 'var(--plasma-typo-h3-medium-font-family)', @@ -3108,6 +2878,26 @@ export const h3Medium = { lineHeight: 'var(--plasma-typo-h3-medium-line-height)', }; +/** typography s header-h3 */ +export const h3 = { + fontFamily: 'var(--plasma-typo-h3-font-family)', + fontSize: 'var(--plasma-typo-h3-font-size)', + fontStyle: 'var(--plasma-typo-h3-font-style)', + fontWeight: 'var(--plasma-typo-h3-font-weight)', + letterSpacing: 'var(--plasma-typo-h3-letter-spacing)', + lineHeight: 'var(--plasma-typo-h3-line-height)', +}; + +/** typography s header-h4-bold */ +export const h4Bold = { + fontFamily: 'var(--plasma-typo-h4-bold-font-family)', + fontSize: 'var(--plasma-typo-h4-bold-font-size)', + fontStyle: 'var(--plasma-typo-h4-bold-font-style)', + fontWeight: 'var(--plasma-typo-h4-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-bold-line-height)', +}; + /** typography s header-h4-medium */ export const h4Medium = { fontFamily: 'var(--plasma-typo-h4-medium-font-family)', @@ -3118,6 +2908,26 @@ export const h4Medium = { lineHeight: 'var(--plasma-typo-h4-medium-line-height)', }; +/** typography s header-h4 */ +export const h4 = { + fontFamily: 'var(--plasma-typo-h4-font-family)', + fontSize: 'var(--plasma-typo-h4-font-size)', + fontStyle: 'var(--plasma-typo-h4-font-style)', + fontWeight: 'var(--plasma-typo-h4-font-weight)', + letterSpacing: 'var(--plasma-typo-h4-letter-spacing)', + lineHeight: 'var(--plasma-typo-h4-line-height)', +}; + +/** typography s header-h5-bold */ +export const h5Bold = { + fontFamily: 'var(--plasma-typo-h5-bold-font-family)', + fontSize: 'var(--plasma-typo-h5-bold-font-size)', + fontStyle: 'var(--plasma-typo-h5-bold-font-style)', + fontWeight: 'var(--plasma-typo-h5-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-bold-line-height)', +}; + /** typography s header-h5-medium */ export const h5Medium = { fontFamily: 'var(--plasma-typo-h5-medium-font-family)', @@ -3128,6 +2938,26 @@ export const h5Medium = { lineHeight: 'var(--plasma-typo-h5-medium-line-height)', }; +/** typography s header-h5 */ +export const h5 = { + fontFamily: 'var(--plasma-typo-h5-font-family)', + fontSize: 'var(--plasma-typo-h5-font-size)', + fontStyle: 'var(--plasma-typo-h5-font-style)', + fontWeight: 'var(--plasma-typo-h5-font-weight)', + letterSpacing: 'var(--plasma-typo-h5-letter-spacing)', + lineHeight: 'var(--plasma-typo-h5-line-height)', +}; + +/** typography s body-l-bold */ +export const bodyLBold = { + fontFamily: 'var(--plasma-typo-body-l-bold-font-family)', + fontSize: 'var(--plasma-typo-body-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-bold-line-height)', +}; + /** typography s body-l-medium */ export const bodyLMedium = { fontFamily: 'var(--plasma-typo-body-l-medium-font-family)', @@ -3138,6 +2968,26 @@ export const bodyLMedium = { lineHeight: 'var(--plasma-typo-body-l-medium-line-height)', }; +/** typography s body-l */ +export const bodyL = { + fontFamily: 'var(--plasma-typo-body-l-font-family)', + fontSize: 'var(--plasma-typo-body-l-font-size)', + fontStyle: 'var(--plasma-typo-body-l-font-style)', + fontWeight: 'var(--plasma-typo-body-l-font-weight)', + letterSpacing: 'var(--plasma-typo-body-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-l-line-height)', +}; + +/** typography s body-m-bold */ +export const bodyMBold = { + fontFamily: 'var(--plasma-typo-body-m-bold-font-family)', + fontSize: 'var(--plasma-typo-body-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-bold-line-height)', +}; + /** typography s body-m-medium */ export const bodyMMedium = { fontFamily: 'var(--plasma-typo-body-m-medium-font-family)', @@ -3148,6 +2998,26 @@ export const bodyMMedium = { lineHeight: 'var(--plasma-typo-body-m-medium-line-height)', }; +/** typography s body-m */ +export const bodyM = { + fontFamily: 'var(--plasma-typo-body-m-font-family)', + fontSize: 'var(--plasma-typo-body-m-font-size)', + fontStyle: 'var(--plasma-typo-body-m-font-style)', + fontWeight: 'var(--plasma-typo-body-m-font-weight)', + letterSpacing: 'var(--plasma-typo-body-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-m-line-height)', +}; + +/** typography s body-s-bold */ +export const bodySBold = { + fontFamily: 'var(--plasma-typo-body-s-bold-font-family)', + fontSize: 'var(--plasma-typo-body-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-bold-line-height)', +}; + /** typography s body-s-medium */ export const bodySMedium = { fontFamily: 'var(--plasma-typo-body-s-medium-font-family)', @@ -3158,6 +3028,26 @@ export const bodySMedium = { lineHeight: 'var(--plasma-typo-body-s-medium-line-height)', }; +/** typography s body-s */ +export const bodyS = { + fontFamily: 'var(--plasma-typo-body-s-font-family)', + fontSize: 'var(--plasma-typo-body-s-font-size)', + fontStyle: 'var(--plasma-typo-body-s-font-style)', + fontWeight: 'var(--plasma-typo-body-s-font-weight)', + letterSpacing: 'var(--plasma-typo-body-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-s-line-height)', +}; + +/** typography s body-xs-bold */ +export const bodyXSBold = { + fontFamily: 'var(--plasma-typo-body-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)', +}; + /** typography s body-xs-medium */ export const bodyXSMedium = { fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)', @@ -3168,6 +3058,26 @@ export const bodyXSMedium = { lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)', }; +/** typography s body-xs */ +export const bodyXS = { + fontFamily: 'var(--plasma-typo-body-xs-font-family)', + fontSize: 'var(--plasma-typo-body-xs-font-size)', + fontStyle: 'var(--plasma-typo-body-xs-font-style)', + fontWeight: 'var(--plasma-typo-body-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xs-line-height)', +}; + +/** typography s body-xxs-bold */ +export const bodyXXSBold = { + fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-bold-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-bold-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)', +}; + /** typography s body-xxs-medium */ export const bodyXXSMedium = { fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)', @@ -3178,6 +3088,26 @@ export const bodyXXSMedium = { lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)', }; +/** typography s body-xxs */ +export const bodyXXS = { + fontFamily: 'var(--plasma-typo-body-xxs-font-family)', + fontSize: 'var(--plasma-typo-body-xxs-font-size)', + fontStyle: 'var(--plasma-typo-body-xxs-font-style)', + fontWeight: 'var(--plasma-typo-body-xxs-font-weight)', + letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)', + lineHeight: 'var(--plasma-typo-body-xxs-line-height)', +}; + +/** typography s text-l-bold */ +export const textLBold = { + fontFamily: 'var(--plasma-typo-text-l-bold-font-family)', + fontSize: 'var(--plasma-typo-text-l-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-l-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-bold-line-height)', +}; + /** typography s text-l-medium */ export const textLMedium = { fontFamily: 'var(--plasma-typo-text-l-medium-font-family)', @@ -3188,6 +3118,26 @@ export const textLMedium = { lineHeight: 'var(--plasma-typo-text-l-medium-line-height)', }; +/** typography s text-l */ +export const textL = { + fontFamily: 'var(--plasma-typo-text-l-font-family)', + fontSize: 'var(--plasma-typo-text-l-font-size)', + fontStyle: 'var(--plasma-typo-text-l-font-style)', + fontWeight: 'var(--plasma-typo-text-l-font-weight)', + letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-l-line-height)', +}; + +/** typography s text-m-bold */ +export const textMBold = { + fontFamily: 'var(--plasma-typo-text-m-bold-font-family)', + fontSize: 'var(--plasma-typo-text-m-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-m-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-bold-line-height)', +}; + /** typography s text-m-medium */ export const textMMedium = { fontFamily: 'var(--plasma-typo-text-m-medium-font-family)', @@ -3198,6 +3148,26 @@ export const textMMedium = { lineHeight: 'var(--plasma-typo-text-m-medium-line-height)', }; +/** typography s text-m */ +export const textM = { + fontFamily: 'var(--plasma-typo-text-m-font-family)', + fontSize: 'var(--plasma-typo-text-m-font-size)', + fontStyle: 'var(--plasma-typo-text-m-font-style)', + fontWeight: 'var(--plasma-typo-text-m-font-weight)', + letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-m-line-height)', +}; + +/** typography s text-s-bold */ +export const textSBold = { + fontFamily: 'var(--plasma-typo-text-s-bold-font-family)', + fontSize: 'var(--plasma-typo-text-s-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-s-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-bold-line-height)', +}; + /** typography s text-s-medium */ export const textSMedium = { fontFamily: 'var(--plasma-typo-text-s-medium-font-family)', @@ -3208,6 +3178,26 @@ export const textSMedium = { lineHeight: 'var(--plasma-typo-text-s-medium-line-height)', }; +/** typography s text-s */ +export const textS = { + fontFamily: 'var(--plasma-typo-text-s-font-family)', + fontSize: 'var(--plasma-typo-text-s-font-size)', + fontStyle: 'var(--plasma-typo-text-s-font-style)', + fontWeight: 'var(--plasma-typo-text-s-font-weight)', + letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-s-line-height)', +}; + +/** typography s text-xs-bold */ +export const textXSBold = { + fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)', + fontSize: 'var(--plasma-typo-text-xs-bold-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)', +}; + /** typography s text-xs-medium */ export const textXSMedium = { fontFamily: 'var(--plasma-typo-text-xs-medium-font-family)', @@ -3218,6 +3208,16 @@ export const textXSMedium = { lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)', }; +/** typography s text-xs */ +export const textXS = { + fontFamily: 'var(--plasma-typo-text-xs-font-family)', + fontSize: 'var(--plasma-typo-text-xs-font-size)', + fontStyle: 'var(--plasma-typo-text-xs-font-style)', + fontWeight: 'var(--plasma-typo-text-xs-font-weight)', + letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)', + lineHeight: 'var(--plasma-typo-text-xs-line-height)', +}; + export const viewContainer = { dark: ` --text-primary: var(--on-dark-text-primary); diff --git a/packages/themes/plasma-themes/src/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.ts b/packages/themes/plasma-themes/src/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.ts index ccf3bcbe8a..201b46d396 100644 --- a/packages/themes/plasma-themes/src/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.ts +++ b/packages/themes/plasma-themes/src/tokens/plasma_web_ACTUAL_TYPOGRAPHY/index.ts @@ -2674,19 +2674,19 @@ export const shadowUpHardL = 'var(--shadow-up-hard-l, 0px -60px 112px -8px #0000 export const borderRadiusXxs = 'var(--border-radius-xxs, 4px)'; /** borderRadius xs */ -export const borderRadiusXs = 'var(--border-radius-xs, 8px)'; +export const borderRadiusXs = 'var(--border-radius-xs, 6px)'; /** borderRadius s */ -export const borderRadiusS = 'var(--border-radius-s, 12px)'; +export const borderRadiusS = 'var(--border-radius-s, 8px)'; /** borderRadius m */ -export const borderRadiusM = 'var(--border-radius-m, 16px)'; +export const borderRadiusM = 'var(--border-radius-m, 12px)'; /** borderRadius l */ -export const borderRadiusL = 'var(--border-radius-l, 20px)'; +export const borderRadiusL = 'var(--border-radius-l, 16px)'; /** borderRadius xl */ -export const borderRadiusXl = 'var(--border-radius-xl, 24px)'; +export const borderRadiusXl = 'var(--border-radius-xl, 20px)'; /** borderRadius xxl */ export const borderRadiusXxl = 'var(--border-radius-xxl, 32px)';