From 1e83274d9ea1378518ad4602f28823d1c42bbae0 Mon Sep 17 00:00:00 2001 From: Luiza_Sok <63389617+luizasok@users.noreply.github.com> Date: Thu, 21 Dec 2023 12:54:20 +0300 Subject: [PATCH] feat(plasma-tokens): Add theme Flamingo --- .../plasma-tokens/data/themes/Flamingo.json | 1432 +++++++++++++++++ .../src/brands/Flamingo/index.ts | 603 +++++++ .../src/themes/Flamingo__dark.ts | 211 +++ .../src/themes/Flamingo__light.ts | 211 +++ packages/plasma-tokens/src/themes/index.ts | 2 + 5 files changed, 2459 insertions(+) create mode 100644 packages/plasma-tokens/data/themes/Flamingo.json create mode 100644 packages/plasma-tokens/src/brands/Flamingo/index.ts create mode 100644 packages/plasma-tokens/src/themes/Flamingo__dark.ts create mode 100644 packages/plasma-tokens/src/themes/Flamingo__light.ts diff --git a/packages/plasma-tokens/data/themes/Flamingo.json b/packages/plasma-tokens/data/themes/Flamingo.json new file mode 100644 index 0000000000..0e35dfd8e2 --- /dev/null +++ b/packages/plasma-tokens/data/themes/Flamingo.json @@ -0,0 +1,1432 @@ +{ + "config": { + "name": "Flamingo", + "accentColor": { + "light": "[general.green.500]", + "dark": "[general.green.500]" + }, + "grayscale": { + "light": "gray", + "dark": "gray" + }, + "opacity": { + "textIcons": false, + "surfaces": true + } + }, + "dark": { + "overlay": { + "default": { + "overlaySoft": { + "value": "rgba(0, 0, 0, 0.56)", + "comment": "Цвет фона паранжи светлый" + }, + "overlayHard": { + "value": "rgba(0, 0, 0, 0.9)", + "comment": "Цвет фона паранжи темный" + } + }, + "onDark": { + "overlayHard": { + "value": "rgba(0, 0, 0, 0.9)", + "comment": "Цвет фона паранжи темный на темном фоне" + }, + "overlaySoft": { + "value": [ + { + "origin": "#108210", + "backgroundColor": "#108210" + }, + { + "origin": "#14CC98", + "backgroundColor": "#14CC98" + } + ], + "comment": "Цвет фона паранжи светлый на темном фоне" + } + }, + "onLight": { + "overlaySoft": { + "value": "rgba(0, 0, 0, 0.56)", + "comment": "Цвет фона паранжи светлый на светлом фоне" + }, + "overlayHard": { + "value": "rgba(0, 0, 0, 0.9)", + "comment": "Цвет фона паранжи темный на светлом фоне" + } + }, + "inverse": { + "overlaySoft": { + "value": "rgba(0, 0, 0, 0.56)", + "comment": "Инвертированный цвет фона паранжи светлый" + }, + "overlayHard": { + "value": "rgba(0, 0, 0, 0.9)", + "comment": "Инвертированный цвет фона паранжи темный" + } + } + }, + "text": { + "default": { + "textAccent": { + "value": "[general.green.500]", + "comment": "Акцентный цвет" + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Цвет ошибки" + }, + "textParagraph": { + "value": "[general.gray.150]", + "comment": "Сплошной наборный текст" + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха" + }, + "textPrimary": { + "value": "[general.gray.100]", + "comment": "Основной цвет текста" + }, + "textSecondary": { + "value": "[general.gray.300]", + "comment": "Вторичный цвет текста" + }, + "textTertiary": { + "value": "[general.gray.600]", + "comment": "Третичный цвет текста" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения" + }, + "textTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный цвет" + }, + "textTransparentAccentGradient": { + "value": "linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный цвет с градиентом" + }, + "textTransparentNegative": { + "value": "[general.red.500][-0.88]", + "comment": "Прозрачный цвет ошибки" + }, + "textTransparentPositive": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный цвет успеха" + }, + "textTransparentWarning": { + "value": "[general.orange.500][-0.88]", + "comment": "Прозрачный цвет предупреждения" + }, + "textAccentGradient": { + "value": { + "origin": "linear-gradient(45deg, #108210 0%, #14CC98 100%)", + "swift": { + "kind": "gradient", + "type": ".linear", + "colors": [ + "#108210", + "#14CC98" + ], + "locations": [ + 0, + 1 + ], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + }, + "xml": { + "kind": "gradient", + "type": ".linear", + "colors": [ + "#108210", + "#14CC98" + ], + "locations": [ + 0, + 1 + ], + "startPoint": { + "x": 0.15, + "y": 0.85 + }, + "endPoint": { + "x": 0.85, + "y": 0.15 + } + } + }, + "comment": "Акцентный цвет с градиентом" + } + }, + "onDark": { + "textAccent": { + "value": "[general.green.500]", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentGradient": { + "value": "linear-gradient(135deg, black 0%, #1A9E32 100%)", + "comment": "Акцентный цвет с градиентом на темном фоне" + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Цвет ошибки на темном фоне" + }, + "textParagraph": { + "value": "[general.gray.150]", + "comment": "Сплошной наборный текст на темном фоне" + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на темном фоне" + }, + "textPrimary": { + "value": "[general.gray.100]", + "comment": "Основной цвет текста на темном фоне" + }, + "textSecondary": { + "value": "[general.gray.300]", + "comment": "Вторичный цвет текста на темном фоне" + }, + "textTertiary": { + "value": "[general.gray.600]", + "comment": "Третичный цвет текста на темном фоне" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения на темном фоне" + }, + "textTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный цвет на темном фоне" + }, + "textTransparentAccentGradient": { + "value": "linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный цвет с градиентом на темном фоне" + }, + "textTransparentNegative": { + "value": "[general.red.500][-0.88]", + "comment": "Прозрачный цвет ошибки на темном фоне" + }, + "textTransparentPositive": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный цвет успеха на темном фоне" + }, + "textTransparentWarning": { + "value": "[general.orange.500][-0.88]", + "comment": "Прозрачный цвет предупреждения на темном фоне" + } + }, + "onLight": { + "textAccent": { + "value": "[general.green.500]", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentGradient": { + "value": "linear-gradient(135deg, white 0%, #1A9E32 100%)", + "comment": "Акцентный цвет с градиентом на светлом фоне" + }, + "textNegative": { + "value": "[general.red.600]", + "comment": "Цвет ошибки на светлом фоне" + }, + "textParagraph": { + "value": "[general.gray.900]", + "comment": "Сплошной наборный текст на светлом фоне" + }, + "textPositive": { + "value": "[general.green.600]", + "comment": "Цвет успеха на светлом фоне" + }, + "textPrimary": { + "value": "[general.gray.950]", + "comment": "Основной цвет текста на светлом фоне" + }, + "textSecondary": { + "value": "[general.gray.800]", + "comment": "Вторичный цвет текста на светлом фоне" + }, + "textTertiary": { + "value": "[general.gray.500]", + "comment": "Третичный цвет текста на светлом фоне" + }, + "textWarning": { + "value": "[general.orange.600]", + "comment": "Цвет предупреждения на светлом фоне" + }, + "textTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный цвет на светлом фоне" + }, + "textTransparentAccentGradient": { + "value": "linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный цвет с градиентом на светлом фоне" + }, + "textTransparentNegative": { + "value": "[general.red.600][-0.88]", + "comment": "Прозрачный цвет ошибки на светлом фоне" + }, + "textTransparentPositive": { + "value": "[general.green.600][-0.88]", + "comment": "Прозрачный цвет успеха на светлом фоне" + }, + "textTransparentWarning": { + "value": "[general.orange.600][-0.88]", + "comment": "Прозрачный цвет предупреждения на светлом фоне" + } + }, + "inverse": { + "textAccent": { + "value": "[general.green.500]", + "comment": "Инвертированный акцентный цвет" + }, + "textAccentGradient": { + "value": "linear-gradient(135deg, white 0%, #1A9E32 100%)", + "comment": "Инвертированный акцентный цвет с градиентом" + }, + "textNegative": { + "value": "[general.red.600]", + "comment": "Инвертированный цвет ошибки" + }, + "textParagraph": { + "value": "[general.gray.900]", + "comment": "Инвертированный cплошной наборный текст" + }, + "textPositive": { + "value": "[general.green.600]", + "comment": "Инвертированный цвет успеха" + }, + "textPrimary": { + "value": "[general.gray.950]", + "comment": "Инвертированный основной цвет текста" + }, + "textSecondary": { + "value": "[general.gray.800]", + "comment": "Инвертированный вторичный цвет текста" + }, + "textTertiary": { + "value": "[general.gray.500]", + "comment": "Инвертированный третичный цвет текста" + }, + "textWarning": { + "value": "[general.orange.600]", + "comment": "Инвертированный цвет предупреждения" + }, + "textTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный инвертированный акцентный цвет" + }, + "textTransparentAccentGradient": { + "value": "linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный инвертированный акцентный цвет с градиентом" + }, + "textTransparentNegative": { + "value": "[general.red.600][-0.88]", + "comment": "Прозрачный инвертированный цвет ошибки" + }, + "textTransparentPositive": { + "value": "[general.green.600][-0.88]", + "comment": "Прозрачный инвертированный цвет успеха" + }, + "textTransparentWarning": { + "value": "[general.orange.600][-0.88]", + "comment": "Прозрачный инвертированный цвет предупреждения" + } + } + }, + "surface": { + "default": { + "surfaceAccent": { + "value": "[general.green.500]", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(135deg, black 0%, #1A9E32 100%)", + "comment": "Акцентный фон поверхности/контрола с градиентом" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Фон поверхности/контрола без заливки" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Цвет фона поверхности/контрола ошибка" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет фона поверхности/контрола успех" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхности/контрола предупреждение" + }, + "surfaceSolidDefault": { + "value": "#FFFFFF", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidCard": { + "value": "[general.gray.950]", + "comment": "Основной фон для карточек" + }, + "surfaceTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный фон поверхности/контрола" + }, + "surfaceTransparentAccentGradient": { + "value": "linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом" + }, + "surfaceTransparentCard": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "Прозрачный фон для карточек" + }, + "surfaceTransparentDeep": { + "value": "rgba(255, 255, 255, 0.64)", + "comment": "Непрозрачный фон поверхности/контрола" + }, + "surfaceTransparentNegative": { + "value": "[general.red.500][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола ошибка" + }, + "surfaceTransparentPositive": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола успех" + }, + "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": "Третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentWarning": { + "value": "[general.orange.500][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение" + } + }, + "onDark": { + "surfaceAccent": { + "value": "[general.green.500]", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(135deg, black 0%, #1A9E32 100%)", + "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Фон поверхности/контрола без заливки на темном фоне" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет фона поверхности/контрола успех на темном фоне" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" + }, + "surfaceSolidDefault": { + "value": "#FFFFFF", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidCard": { + "value": "[general.gray.950]", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentAccentGradient": { + "value": "linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне" + }, + "surfaceTransparentCard": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceTransparentDeep": { + "value": "rgba(255, 255, 255, 0.64)", + "comment": "Непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentNegative": { + "value": "[general.red.500][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfaceTransparentPositive": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола успех на темном фоне" + }, + "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": "Третичный прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentWarning": { + "value": "[general.orange.500][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне" + } + }, + "onLight": { + "surfaceAccent": { + "value": "[general.green.500]", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(135deg, white 0%, #1A9E32 100%)", + "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Фон поверхности/контрола без заливки на светлом фоне" + }, + "surfaceNegative": { + "value": "[general.red.600]", + "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfacePositive": { + "value": "[general.green.600]", + "comment": "Цвет фона поверхности/контрола успех на светлом фоне" + }, + "surfaceWarning": { + "value": "[general.orange.600]", + "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" + }, + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.100]", + "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.150]", + "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.200]", + "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidCard": { + "value": "[general.gray.50]", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentAccentGradient": { + "value": "linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне" + }, + "surfaceTransparentCard": { + "value": "[general.gray.1000][-0.940]", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceTransparentDeep": { + "value": "rgba(0, 0, 0, 0.64)", + "comment": "Непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentNegative": { + "value": "[general.red.600][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfaceTransparentPositive": { + "value": "[general.green.600][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола успех на светлом фоне" + }, + "surfaceTransparentPrimary": { + "value": "[general.gray.1000][-0.980]", + "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentSecondary": { + "value": "[general.gray.1000][-0.940]", + "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentTertiary": { + "value": "[general.gray.1000][-0.880]", + "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentWarning": { + "value": "[general.orange.600][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне" + } + }, + "inverse": { + "surfaceAccent": { + "value": "[general.green.500]", + "comment": "Инвертированный акцентный фон поверхности/контрола" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(135deg, white 0%, #1A9E32 100%)", + "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Инвертированный фон поверхности/контрола без заливки" + }, + "surfaceNegative": { + "value": "[general.red.600]", + "comment": "Инвертированный цвет фона поверхности/контрола ошибка" + }, + "surfacePositive": { + "value": "[general.green.600]", + "comment": "Инвертированный цвет фона поверхности/контрола успех" + }, + "surfaceWarning": { + "value": "[general.orange.600]", + "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" + }, + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.100]", + "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.150]", + "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.200]", + "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidCard": { + "value": "[general.gray.50]", + "comment": "Инвертированный основной фон для карточек" + }, + "surfaceTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" + }, + "surfaceTransparentAccentGradient": { + "value": "linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом" + }, + "surfaceTransparentCard": { + "value": "[general.gray.1000][-0.940]", + "comment": "Инвертированный прозрачный фон для карточек" + }, + "surfaceTransparentDeep": { + "value": "rgba(0, 0, 0, 0.64)", + "comment": "Инвертированный непрозрачный фон поверхности/контрола" + }, + "surfaceTransparentNegative": { + "value": "[general.red.600][-0.88]", + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола ошибка" + }, + "surfaceTransparentPositive": { + "value": "[general.green.600][-0.88]", + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола успех" + }, + "surfaceTransparentPrimary": { + "value": "[general.gray.1000][-0.980]", + "comment": "Инвертированный основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondary": { + "value": "[general.gray.1000][-0.940]", + "comment": "Инвертированный вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiary": { + "value": "[general.gray.1000][-0.880]", + "comment": "Инвертированный третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentWarning": { + "value": "[general.orange.600][-0.88]", + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение" + } + } + }, + "background": { + "default": { + "backgroundPrimary": { + "value": "#000000", + "comment": "Основной фон" + }, + "backgroundSecondary": { + "value": "[general.gray.1000]", + "comment": "Вторичный фон" + }, + "backgroundTertiary": { + "value": "[general.gray.950]", + "comment": "Третичный фон" + } + }, + "dark": { + "backgroundPrimary": { + "value": "#000000", + "comment": "Основной фон на темном фоне" + }, + "backgroundSecondary": { + "value": "[general.gray.1000]", + "comment": "Вторичный фон на темном фоне" + }, + "backgroundTertiary": { + "value": "[general.gray.950]", + "comment": "Третичный фон на темном фоне" + } + }, + "light": { + "backgroundPrimary": { + "value": "#FFFFFF", + "comment": "Основной фон на светлом фоне" + }, + "backgroundSecondary": { + "value": "#FFFFFF", + "comment": "Вторичный фон на светлом фоне" + }, + "backgroundTertiary": { + "value": "#FFFFFF", + "comment": "Третичный фон на светлом фоне" + } + }, + "inverse": { + "backgroundPrimary": { + "value": "#FFFFFF", + "comment": "Инвертированный основной фон" + }, + "backgroundSecondary": { + "value": "#FFFFFF", + "comment": "Инвертированный вторичный фон" + }, + "backgroundTertiary": { + "value": "#FFFFFF", + "comment": "Инвертированный третичный фон" + } + } + } + }, + "light": { + "overlay": { + "default": { + "overlaySoft": { + "value": "rgba(0, 0, 0, 0.56)", + "comment": "Цвет фона паранжи светлый" + }, + "overlayHard": { + "value": "rgba(0, 0, 0, 0.9)", + "comment": "Цвет фона паранжи темный" + } + }, + "onDark": { + "overlaySoft": { + "value": "rgba(0, 0, 0, 0.56)", + "comment": "Цвет фона паранжи светлый на темном фоне" + }, + "overlayHard": { + "value": "rgba(0, 0, 0, 0.9)", + "comment": "Цвет фона паранжи темный на темном фоне" + } + }, + "onLight": { + "overlaySoft": { + "value": "rgba(0, 0, 0, 0.56)", + "comment": "Цвет фона паранжи светлый на светлом фоне" + }, + "overlayHard": { + "value": "rgba(0, 0, 0, 0.9)", + "comment": "Цвет фона паранжи темный на светлом фоне" + } + }, + "inverse": { + "overlaySoft": { + "value": "rgba(0, 0, 0, 0.56)", + "comment": "Инвертированный цвет фона паранжи светлый" + }, + "overlayHard": { + "value": "rgba(0, 0, 0, 0.9)", + "comment": "Инвертированный цвет фона паранжи темный" + } + } + }, + "text": { + "default": { + "textAccent": { + "value": "[general.green.500]", + "comment": "Акцентный цвет" + }, + "textAccentGradient": { + "value": "linear-gradient(135deg, white 0%, #1A9E32 100%)", + "comment": "Акцентный цвет с градиентом" + }, + "textNegative": { + "value": "[general.red.600]", + "comment": "Цвет ошибки" + }, + "textParagraph": { + "value": "[general.gray.900]", + "comment": "Сплошной наборный текст" + }, + "textPositive": { + "value": "[general.green.600]", + "comment": "Цвет успеха" + }, + "textPrimary": { + "value": "[general.gray.950]", + "comment": "Основной цвет текста" + }, + "textSecondary": { + "value": "[general.gray.800]", + "comment": "Вторичный цвет текста" + }, + "textTertiary": { + "value": "[general.gray.500]", + "comment": "Третичный цвет текста" + }, + "textWarning": { + "value": "[general.orange.600]", + "comment": "Цвет предупреждения" + }, + "textTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный цвет" + }, + "textTransparentAccentGradient": { + "value": "linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный цвет с градиентом" + }, + "textTransparentNegative": { + "value": "[general.red.600][-0.88]", + "comment": "Прозрачный цвет ошибки" + }, + "textTransparentPositive": { + "value": "[general.green.600][-0.88]", + "comment": "Цвет успеха" + }, + "textTransparentWarning": { + "value": "[general.orange.600][-0.88]", + "comment": "Прозрачный цвет предупреждения" + } + }, + "onDark": { + "textAccent": { + "value": "[general.green.500]", + "comment": "Акцентный цвет на темном фоне" + }, + "textAccentGradient": { + "value": "linear-gradient(135deg, black 0%, #1A9E32 100%)", + "comment": "Акцентный цвет с градиентом на темном фоне" + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Цвет ошибки на темном фоне" + }, + "textParagraph": { + "value": "[general.gray.150]", + "comment": "Сплошной наборный текст на темном фоне" + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на темном фоне" + }, + "textPrimary": { + "value": "[general.gray.100]", + "comment": "Основной цвет текста на темном фоне" + }, + "textSecondary": { + "value": "[general.gray.300]", + "comment": "Вторичный цвет текста на темном фоне" + }, + "textTertiary": { + "value": "[general.gray.600]", + "comment": "Третичный цвет текста на темном фоне" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Цвет предупреждения на темном фоне" + }, + "textTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный цвет на темном фоне" + }, + "textTransparentAccentGradient": { + "value": "linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный цвет с градиентом на темном фоне" + }, + "textTransparentNegative": { + "value": "[general.red.500][-0.88]", + "comment": "Прозрачный цвет ошибки на темном фоне" + }, + "textTransparentPositive": { + "value": "[general.green.500][-0.88]", + "comment": "Цвет успеха на темном фоне" + }, + "textTransparentWarning": { + "value": "[general.orange.500][-0.88]", + "comment": "Прозрачный цвет предупреждения на темном фоне" + } + }, + "onLight": { + "textAccent": { + "value": "[general.green.500]", + "comment": "Акцентный цвет на светлом фоне" + }, + "textAccentGradient": { + "value": "linear-gradient(135deg, white 0%, #1A9E32 100%)", + "comment": "Акцентный цвет с градиентом на светлом фоне" + }, + "textNegative": { + "value": "[general.red.600]", + "comment": "Цвет ошибки на светлом фоне" + }, + "textParagraph": { + "value": "[general.gray.900]", + "comment": "Сплошной наборный текст на светлом фоне" + }, + "textPositive": { + "value": "[general.green.600]", + "comment": "Цвет успеха на светлом фоне" + }, + "textPrimary": { + "value": "[general.gray.950]", + "comment": "Основной цвет текста на светлом фоне" + }, + "textSecondary": { + "value": "[general.gray.800]", + "comment": "Вторичный цвет текста на светлом фоне" + }, + "textTertiary": { + "value": "[general.gray.500]", + "comment": "Третичный цвет текста на светлом фоне" + }, + "textWarning": { + "value": "[general.orange.600]", + "comment": "Цвет предупреждения на светлом фоне" + }, + "textTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный цвет на светлом фоне" + }, + "textTransparentAccentGradient": { + "value": "linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный цвет с градиентом на светлом фоне" + }, + "textTransparentNegative": { + "value": "[general.red.600][-0.88]", + "comment": "Прозрачный цвет ошибки на светлом фоне" + }, + "textTransparentPositive": { + "value": "[general.green.600][-0.88]", + "comment": "Цвет успеха на светлом фоне" + }, + "textTransparentWarning": { + "value": "[general.orange.600][-0.88]", + "comment": "Прозрачный цвет предупреждения на светлом фоне" + } + }, + "inverse": { + "textAccent": { + "value": "[general.green.500]", + "comment": "Инвертированный акцентный цвет" + }, + "textAccentGradient": { + "value": "linear-gradient(135deg, black 0%, #1A9E32 100%)", + "comment": "Инвертированный акцентный цвет с градиентом" + }, + "textNegative": { + "value": "[general.red.500]", + "comment": "Инвертированный цвет ошибки" + }, + "textParagraph": { + "value": "[general.gray.150]", + "comment": "Инвертированный cплошной наборный текст" + }, + "textPositive": { + "value": "[general.green.500]", + "comment": "Инвертированный цвет успеха" + }, + "textPrimary": { + "value": "[general.gray.100]", + "comment": "Инвертированный основной цвет текста" + }, + "textSecondary": { + "value": "[general.gray.300]", + "comment": "Инвертированный вторичный цвет текста" + }, + "textTertiary": { + "value": "[general.gray.600]", + "comment": "Инвертированный третичный цвет текста" + }, + "textWarning": { + "value": "[general.orange.500]", + "comment": "Инвертированный цвет предупреждения" + }, + "textTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный инвертированный акцентный цвет" + }, + "textTransparentAccentGradient": { + "value": "linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный инвертированный акцентный цвет с градиентом" + }, + "textTransparentNegative": { + "value": "[general.red.500][-0.88]", + "comment": "Прозрачный инвертированный цвет ошибки" + }, + "textTransparentPositive": { + "value": "[general.green.500][-0.88]", + "comment": "Инвертированный цвет успеха" + }, + "textTransparentWarning": { + "value": "[general.orange.500][-0.88]", + "comment": "Прозрачный инвертированный цвет предупреждения" + } + } + }, + "surface": { + "default": { + "surfaceAccent": { + "value": "[general.green.500]", + "comment": "Акцентный фон поверхности/контрола" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(135deg, white 0%, #1A9E32 100%)", + "comment": "Акцентный фон поверхности/контрола с градиентом" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Фон поверхности/контрола без заливки" + }, + "surfaceNegative": { + "value": "[general.red.600]", + "comment": "Цвет фона поверхности/контрола ошибка" + }, + "surfacePositive": { + "value": "[general.green.600]", + "comment": "Цвет успеха" + }, + "surfaceWarning": { + "value": "[general.orange.600]", + "comment": "Цвет фона поверхности/контрола предупреждение" + }, + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.100]", + "comment": "Основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.150]", + "comment": "Вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.200]", + "comment": "Третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidCard": { + "value": "[general.gray.50]", + "comment": "Основной фон для карточек" + }, + "surfaceTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный фон поверхности/контрола" + }, + "surfaceTransparentAccentGradient": { + "value": "linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом" + }, + "surfaceTransparentCard": { + "value": "[general.gray.1000][-0.940]", + "comment": "Прозрачный фон для карточек" + }, + "surfaceTransparentDeep": { + "value": "rgba(0, 0, 0, 0.64)", + "comment": "Непрозрачный фон поверхности/контрола" + }, + "surfaceTransparentNegative": { + "value": "[general.red.600][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола ошибка" + }, + "surfaceTransparentPositive": { + "value": "[general.green.600][-0.88]", + "comment": "Цвет успеха" + }, + "surfaceTransparentPrimary": { + "value": "[general.gray.1000][-0.980]", + "comment": "Основной прозрачный фон поверхности/контрола" + }, + "surfaceTransparentSecondary": { + "value": "[general.gray.1000][-0.940]", + "comment": "Вторичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentTertiary": { + "value": "[general.gray.1000][-0.880]", + "comment": "Третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentWarning": { + "value": "[general.orange.600][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение" + } + }, + "onDark": { + "surfaceAccent": { + "value": "[general.green.500]", + "comment": "Акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(135deg, black 0%, #1A9E32 100%)", + "comment": "Акцентный фон поверхности/контрола с градиентом на темном фоне" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Фон поверхности/контрола без заливки на темном фоне" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Цвет успеха на темном фоне" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Цвет фона поверхности/контрола предупреждение на темном фоне" + }, + "surfaceSolidDefault": { + "value": "#FFFFFF", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Основной непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Вторичный непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Третичный непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceSolidCard": { + "value": "[general.gray.950]", + "comment": "Основной фон для карточек на темном фоне" + }, + "surfaceTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentAccentGradient": { + "value": "linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне" + }, + "surfaceTransparentCard": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "Прозрачный фон для карточек на темном фоне" + }, + "surfaceTransparentDeep": { + "value": "rgba(255, 255, 255, 0.64)", + "comment": "Непрозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentNegative": { + "value": "[general.red.500][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола ошибка на темном фоне" + }, + "surfaceTransparentPositive": { + "value": "[general.green.500][-0.88]", + "comment": "Цвет успеха на темном фоне" + }, + "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": "Третичный прозрачный фон поверхности/контрола на темном фоне" + }, + "surfaceTransparentWarning": { + "value": "[general.orange.500][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне" + } + }, + "onLight": { + "surfaceAccent": { + "value": "[general.green.500]", + "comment": "Акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(135deg, white 0%, #1A9E32 100%)", + "comment": "Акцентный фон поверхности/контрола с градиентом на светлом фоне" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Фон поверхности/контрола без заливки на светлом фоне" + }, + "surfaceNegative": { + "value": "[general.red.600]", + "comment": "Цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfacePositive": { + "value": "[general.green.600]", + "comment": "Цвет успеха на светлом фоне" + }, + "surfaceWarning": { + "value": "[general.orange.600]", + "comment": "Цвет фона поверхности/контрола предупреждение на светлом фоне" + }, + "surfaceSolidDefault": { + "value": "[general.gray.1000]", + "comment": "Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.100]", + "comment": "Основной непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.150]", + "comment": "Вторичный непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.200]", + "comment": "Третичный непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceSolidCard": { + "value": "[general.gray.50]", + "comment": "Основной фон для карточек на светлом фоне" + }, + "surfaceTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный акцентный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentAccentGradient": { + "value": "linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне" + }, + "surfaceTransparentCard": { + "value": "[general.gray.1000][-0.940]", + "comment": "Прозрачный фон для карточек на светлом фоне" + }, + "surfaceTransparentDeep": { + "value": "rgba(0, 0, 0, 0.64)", + "comment": "Непрозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentNegative": { + "value": "[general.red.600][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола ошибка на светлом фоне" + }, + "surfaceTransparentPositive": { + "value": "[general.green.600][-0.88]", + "comment": "Цвет успеха на светлом фоне" + }, + "surfaceTransparentPrimary": { + "value": "[general.gray.1000][-0.980]", + "comment": "Основной прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentSecondary": { + "value": "[general.gray.1000][-0.940]", + "comment": "Вторичный прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentTertiary": { + "value": "[general.gray.1000][-0.880]", + "comment": "Третичный прозрачный фон поверхности/контрола на светлом фоне" + }, + "surfaceTransparentWarning": { + "value": "[general.orange.600][-0.88]", + "comment": "Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне" + } + }, + "inverse": { + "surfaceAccent": { + "value": "[general.green.500]", + "comment": "Инвертированный акцентный фон поверхности/контрола" + }, + "surfaceAccentGradient": { + "value": "linear-gradient(135deg, black 0%, #1A9E32 100%)", + "comment": "Инвертированный акцентный фон поверхности/контрола с градиентом" + }, + "surfaceClear": { + "value": "rgba(0, 0, 0, 0)", + "comment": "Инвертированный фон поверхности/контрола без заливки" + }, + "surfaceNegative": { + "value": "[general.red.500]", + "comment": "Инвертированный цвет фона поверхности/контрола ошибка" + }, + "surfacePositive": { + "value": "[general.green.500]", + "comment": "Инвертированный цвет успеха" + }, + "surfaceWarning": { + "value": "[general.orange.500]", + "comment": "Инвертированный цвет фона поверхности/контрола предупреждение" + }, + "surfaceSolidDefault": { + "value": "#FFFFFF", + "comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию" + }, + "surfaceSolidPrimary": { + "value": "[general.gray.950]", + "comment": "Инвертированный основной непрозрачный фон поверхности/контрола" + }, + "surfaceSolidSecondary": { + "value": "[general.gray.900]", + "comment": "Инвертированный вторичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidTertiary": { + "value": "[general.gray.850]", + "comment": "Инвертированный третичный непрозрачный фон поверхности/контрола" + }, + "surfaceSolidCard": { + "value": "[general.gray.950]", + "comment": "Инвертированный основной фон для карточек" + }, + "surfaceTransparentAccent": { + "value": "[general.green.500][-0.88]", + "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола" + }, + "surfaceTransparentAccentGradient": { + "value": "linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)", + "comment": "Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом" + }, + "surfaceTransparentCard": { + "value": "rgba(255, 255, 255, 0.12)", + "comment": "Инвертированный прозрачный фон для карточек" + }, + "surfaceTransparentDeep": { + "value": "rgba(255, 255, 255, 0.64)", + "comment": "Инвертированный непрозрачный фон поверхности/контрола" + }, + "surfaceTransparentNegative": { + "value": "[general.red.500][-0.88]", + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола ошибка" + }, + "surfaceTransparentPositive": { + "value": "[general.green.500][-0.88]", + "comment": "Инвертированный цвет успеха" + }, + "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": "Инвертированный третичный прозрачный фон поверхности/контрола" + }, + "surfaceTransparentWarning": { + "value": "[general.orange.500][-0.88]", + "comment": "Прозрачный инвертированный цвет фона поверхности/контрола предупреждение" + } + } + }, + "background": { + "default": { + "backgroundPrimary": { + "value": "#FFFFFF", + "comment": "Основной фон" + }, + "backgroundSecondary": { + "value": "#FFFFFF", + "comment": "Вторичный фон" + }, + "backgroundTertiary": { + "value": "#FFFFFF", + "comment": "Третичный фон" + } + }, + "dark": { + "backgroundPrimary": { + "value": "#000000", + "comment": "Основной фон на темном фоне" + }, + "backgroundSecondary": { + "value": "[general.gray.1000]", + "comment": "Вторичный фон на темном фоне" + }, + "backgroundTertiary": { + "value": "[general.gray.950]", + "comment": "Третичный фон на темном фоне" + } + }, + "light": { + "backgroundPrimary": { + "value": "#FFFFFF", + "comment": "Основной фон на светлом фоне" + }, + "backgroundSecondary": { + "value": "#FFFFFF", + "comment": "Вторичный фон на светлом фоне" + }, + "backgroundTertiary": { + "value": "#FFFFFF", + "comment": "Третичный фон на светлом фоне" + } + }, + "inverse": { + "backgroundPrimary": { + "value": "#000000", + "comment": "Инвертированный основной фон" + }, + "backgroundSecondary": { + "value": "[general.gray.1000]", + "comment": "Инвертированный вторичный фон" + }, + "backgroundTertiary": { + "value": "[general.gray.950]", + "comment": "Инвертированный третичный фон" + } + } + } + } +} diff --git a/packages/plasma-tokens/src/brands/Flamingo/index.ts b/packages/plasma-tokens/src/brands/Flamingo/index.ts new file mode 100644 index 0000000000..a051b5d8b5 --- /dev/null +++ b/packages/plasma-tokens/src/brands/Flamingo/index.ts @@ -0,0 +1,603 @@ +// Generated by robots, do not change this manually! + +/** Цвет фона паранжи светлый */ +export const overlaySoft = 'var(--overlay-soft, rgba(0, 0, 0, 0.56))'; + +/** Цвет фона паранжи темный */ +export const overlayHard = 'var(--overlay-hard, rgba(0, 0, 0, 0.9))'; + +/** Цвет фона паранжи темный на темном фоне */ +export const onDarkOverlayHard = 'var(--on-dark-overlay-hard, rgba(0, 0, 0, 0.9))'; + +/** Цвет фона паранжи светлый на темном фоне */ +export const onDarkOverlaySoft = 'var(--on-dark-overlay-soft, #108210), var(--on-dark-overlay-soft, #14CC98)'; + +/** Цвет фона паранжи светлый на светлом фоне */ +export const onLightOverlaySoft = 'var(--on-light-overlay-soft, rgba(0, 0, 0, 0.56))'; + +/** Цвет фона паранжи темный на светлом фоне */ +export const onLightOverlayHard = 'var(--on-light-overlay-hard, rgba(0, 0, 0, 0.9))'; + +/** Инвертированный цвет фона паранжи светлый */ +export const inverseOverlaySoft = 'var(--inverse-overlay-soft, rgba(0, 0, 0, 0.56))'; + +/** Инвертированный цвет фона паранжи темный */ +export const inverseOverlayHard = 'var(--inverse-overlay-hard, rgba(0, 0, 0, 0.9))'; + +/** Акцентный цвет */ +export const textAccent = 'var(--text-accent, #1A9E32)'; + +/** Цвет ошибки */ +export const textNegative = 'var(--text-negative, #FF293E)'; + +/** Сплошной наборный текст */ +export const textParagraph = 'var(--text-paragraph, #ECECEC)'; + +/** Цвет успеха */ +export const textPositive = 'var(--text-positive, #1A9E32)'; + +/** Основной цвет текста */ +export const textPrimary = 'var(--text-primary, #F5F5F5)'; + +/** Вторичный цвет текста */ +export const textSecondary = 'var(--text-secondary, #B3B3B3)'; + +/** Третичный цвет текста */ +export const textTertiary = 'var(--text-tertiary, #7A7A7A)'; + +/** Цвет предупреждения */ +export const textWarning = 'var(--text-warning, #FA5F05)'; + +/** Прозрачный акцентный цвет */ +export const textTransparentAccent = 'var(--text-transparent-accent, #1A9E321F)'; + +/** Прозрачный акцентный цвет с градиентом */ +export const textTransparentAccentGradient = + 'var(--text-transparent-accent-gradient, linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%))'; + +/** Прозрачный цвет ошибки */ +export const textTransparentNegative = 'var(--text-transparent-negative, #FF293E1F)'; + +/** Прозрачный цвет успеха */ +export const textTransparentPositive = 'var(--text-transparent-positive, #1A9E321F)'; + +/** Прозрачный цвет предупреждения */ +export const textTransparentWarning = 'var(--text-transparent-warning, #FA5F051F)'; + +/** Акцентный цвет с градиентом */ +export const textAccentGradient = 'var(--text-accent-gradient, linear-gradient(45deg, #108210 0%, #14CC98 100%))'; + +/** Акцентный цвет на темном фоне */ +export const onDarkTextAccent = 'var(--on-dark-text-accent, #1A9E32)'; + +/** Акцентный цвет с градиентом на темном фоне */ +export const onDarkTextAccentGradient = + 'var(--on-dark-text-accent-gradient, linear-gradient(135deg, black 0%, #1A9E32 100%))'; + +/** Цвет ошибки на темном фоне */ +export const onDarkTextNegative = 'var(--on-dark-text-negative, #FF293E)'; + +/** Сплошной наборный текст на темном фоне */ +export const onDarkTextParagraph = 'var(--on-dark-text-paragraph, #ECECEC)'; + +/** Цвет успеха на темном фоне */ +export const onDarkTextPositive = 'var(--on-dark-text-positive, #1A9E32)'; + +/** Основной цвет текста на темном фоне */ +export const onDarkTextPrimary = 'var(--on-dark-text-primary, #F5F5F5)'; + +/** Вторичный цвет текста на темном фоне */ +export const onDarkTextSecondary = 'var(--on-dark-text-secondary, #B3B3B3)'; + +/** Третичный цвет текста на темном фоне */ +export const onDarkTextTertiary = 'var(--on-dark-text-tertiary, #7A7A7A)'; + +/** Цвет предупреждения на темном фоне */ +export const onDarkTextWarning = 'var(--on-dark-text-warning, #FA5F05)'; + +/** Прозрачный акцентный цвет на темном фоне */ +export const onDarkTextTransparentAccent = 'var(--on-dark-text-transparent-accent, #1A9E321F)'; + +/** Прозрачный акцентный цвет с градиентом на темном фоне */ +export const onDarkTextTransparentAccentGradient = + 'var(--on-dark-text-transparent-accent-gradient, linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%))'; + +/** Прозрачный цвет ошибки на темном фоне */ +export const onDarkTextTransparentNegative = 'var(--on-dark-text-transparent-negative, #FF293E1F)'; + +/** Прозрачный цвет успеха на темном фоне */ +export const onDarkTextTransparentPositive = 'var(--on-dark-text-transparent-positive, #1A9E321F)'; + +/** Прозрачный цвет предупреждения на темном фоне */ +export const onDarkTextTransparentWarning = 'var(--on-dark-text-transparent-warning, #FA5F051F)'; + +/** Акцентный цвет на светлом фоне */ +export const onLightTextAccent = 'var(--on-light-text-accent, #1A9E32)'; + +/** Акцентный цвет с градиентом на светлом фоне */ +export const onLightTextAccentGradient = + 'var(--on-light-text-accent-gradient, linear-gradient(135deg, white 0%, #1A9E32 100%))'; + +/** Цвет ошибки на светлом фоне */ +export const onLightTextNegative = 'var(--on-light-text-negative, #F31B31)'; + +/** Сплошной наборный текст на светлом фоне */ +export const onLightTextParagraph = 'var(--on-light-text-paragraph, #262626)'; + +/** Цвет успеха на светлом фоне */ +export const onLightTextPositive = 'var(--on-light-text-positive, #108E26)'; + +/** Основной цвет текста на светлом фоне */ +export const onLightTextPrimary = 'var(--on-light-text-primary, #171717)'; + +/** Вторичный цвет текста на светлом фоне */ +export const onLightTextSecondary = 'var(--on-light-text-secondary, #4E4E4E)'; + +/** Третичный цвет текста на светлом фоне */ +export const onLightTextTertiary = 'var(--on-light-text-tertiary, #858585)'; + +/** Цвет предупреждения на светлом фоне */ +export const onLightTextWarning = 'var(--on-light-text-warning, #E85702)'; + +/** Прозрачный акцентный цвет на светлом фоне */ +export const onLightTextTransparentAccent = 'var(--on-light-text-transparent-accent, #1A9E321F)'; + +/** Прозрачный акцентный цвет с градиентом на светлом фоне */ +export const onLightTextTransparentAccentGradient = + 'var(--on-light-text-transparent-accent-gradient, linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%))'; + +/** Прозрачный цвет ошибки на светлом фоне */ +export const onLightTextTransparentNegative = 'var(--on-light-text-transparent-negative, #F31B311F)'; + +/** Прозрачный цвет успеха на светлом фоне */ +export const onLightTextTransparentPositive = 'var(--on-light-text-transparent-positive, #108E261F)'; + +/** Прозрачный цвет предупреждения на светлом фоне */ +export const onLightTextTransparentWarning = 'var(--on-light-text-transparent-warning, #E857021F)'; + +/** Инвертированный акцентный цвет */ +export const inverseTextAccent = 'var(--inverse-text-accent, #1A9E32)'; + +/** Инвертированный акцентный цвет с градиентом */ +export const inverseTextAccentGradient = + 'var(--inverse-text-accent-gradient, linear-gradient(135deg, white 0%, #1A9E32 100%))'; + +/** Инвертированный цвет ошибки */ +export const inverseTextNegative = 'var(--inverse-text-negative, #F31B31)'; + +/** Инвертированный cплошной наборный текст */ +export const inverseTextParagraph = 'var(--inverse-text-paragraph, #262626)'; + +/** Инвертированный цвет успеха */ +export const inverseTextPositive = 'var(--inverse-text-positive, #108E26)'; + +/** Инвертированный основной цвет текста */ +export const inverseTextPrimary = 'var(--inverse-text-primary, #171717)'; + +/** Инвертированный вторичный цвет текста */ +export const inverseTextSecondary = 'var(--inverse-text-secondary, #4E4E4E)'; + +/** Инвертированный третичный цвет текста */ +export const inverseTextTertiary = 'var(--inverse-text-tertiary, #858585)'; + +/** Инвертированный цвет предупреждения */ +export const inverseTextWarning = 'var(--inverse-text-warning, #E85702)'; + +/** Прозрачный инвертированный акцентный цвет */ +export const inverseTextTransparentAccent = 'var(--inverse-text-transparent-accent, #1A9E321F)'; + +/** Прозрачный инвертированный акцентный цвет с градиентом */ +export const inverseTextTransparentAccentGradient = + 'var(--inverse-text-transparent-accent-gradient, linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%))'; + +/** Прозрачный инвертированный цвет ошибки */ +export const inverseTextTransparentNegative = 'var(--inverse-text-transparent-negative, #F31B311F)'; + +/** Прозрачный инвертированный цвет успеха */ +export const inverseTextTransparentPositive = 'var(--inverse-text-transparent-positive, #108E261F)'; + +/** Прозрачный инвертированный цвет предупреждения */ +export const inverseTextTransparentWarning = 'var(--inverse-text-transparent-warning, #E857021F)'; + +/** Акцентный фон поверхности/контрола */ +export const surfaceAccent = 'var(--surface-accent, #1A9E32)'; + +/** Акцентный фон поверхности/контрола с градиентом */ +export const surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(135deg, black 0%, #1A9E32 100%))'; + +/** Фон поверхности/контрола без заливки */ +export const surfaceClear = 'var(--surface-clear, rgba(0, 0, 0, 0))'; + +/** Цвет фона поверхности/контрола ошибка */ +export const surfaceNegative = 'var(--surface-negative, #FF293E)'; + +/** Цвет фона поверхности/контрола успех */ +export const surfacePositive = 'var(--surface-positive, #1A9E32)'; + +/** Цвет фона поверхности/контрола предупреждение */ +export const surfaceWarning = 'var(--surface-warning, #FA5F05)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию */ +export const surfaceSolidDefault = 'var(--surface-solid-default, #FFFFFF)'; + +/** Основной непрозрачный фон поверхности/контрола */ +export const surfaceSolidPrimary = 'var(--surface-solid-primary, #171717)'; + +/** Вторичный непрозрачный фон поверхности/контрола */ +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 surfaceTransparentAccent = 'var(--surface-transparent-accent, #1A9E321F)'; + +/** Прозрачный акцентный фон поверхности/контрола с градиентом */ +export const surfaceTransparentAccentGradient = + 'var(--surface-transparent-accent-gradient, linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%))'; + +/** Прозрачный фон для карточек */ +export const surfaceTransparentCard = 'var(--surface-transparent-card, rgba(255, 255, 255, 0.12))'; + +/** Непрозрачный фон поверхности/контрола */ +export const surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255, 255, 255, 0.64))'; + +/** Прозрачный цвет фона поверхности/контрола ошибка */ +export const surfaceTransparentNegative = 'var(--surface-transparent-negative, #FF293E1F)'; + +/** Прозрачный цвет фона поверхности/контрола успех */ +export const surfaceTransparentPositive = 'var(--surface-transparent-positive, #1A9E321F)'; + +/** Основной прозрачный фон поверхности/контрола */ +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 surfaceTransparentWarning = 'var(--surface-transparent-warning, #FA5F051F)'; + +/** Акцентный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #1A9E32)'; + +/** Акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceAccentGradient = + 'var(--on-dark-surface-accent-gradient, linear-gradient(135deg, black 0%, #1A9E32 100%))'; + +/** Фон поверхности/контрола без заливки на темном фоне */ +export const onDarkSurfaceClear = 'var(--on-dark-surface-clear, rgba(0, 0, 0, 0))'; + +/** Цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #FF293E)'; + +/** Цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)'; + +/** Цвет фона поверхности/контрола предупреждение на темном фоне */ +export const onDarkSurfaceWarning = 'var(--on-dark-surface-warning, #FA5F05)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */ +export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #FFFFFF)'; + +/** Основной непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)'; + +/** Вторичный непрозрачный фон поверхности/контрола на темном фоне */ +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 onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #1A9E321F)'; + +/** Прозрачный акцентный фон поверхности/контрола с градиентом на темном фоне */ +export const onDarkSurfaceTransparentAccentGradient = + 'var(--on-dark-surface-transparent-accent-gradient, linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%))'; + +/** Прозрачный фон для карточек на темном фоне */ +export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255, 255, 255, 0.12))'; + +/** Непрозрачный фон поверхности/контрола на темном фоне */ +export const onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255, 255, 255, 0.64))'; + +/** Прозрачный цвет фона поверхности/контрола ошибка на темном фоне */ +export const onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #FF293E1F)'; + +/** Прозрачный цвет фона поверхности/контрола успех на темном фоне */ +export const onDarkSurfaceTransparentPositive = 'var(--on-dark-surface-transparent-positive, #1A9E321F)'; + +/** Основной прозрачный фон поверхности/контрола на темном фоне */ +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 onDarkSurfaceTransparentWarning = 'var(--on-dark-surface-transparent-warning, #FA5F051F)'; + +/** Акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceAccent = 'var(--on-light-surface-accent, #1A9E32)'; + +/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceAccentGradient = + 'var(--on-light-surface-accent-gradient, linear-gradient(135deg, white 0%, #1A9E32 100%))'; + +/** Фон поверхности/контрола без заливки на светлом фоне */ +export const onLightSurfaceClear = 'var(--on-light-surface-clear, rgba(0, 0, 0, 0))'; + +/** Цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceNegative = 'var(--on-light-surface-negative, #F31B31)'; + +/** Цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfacePositive = 'var(--on-light-surface-positive, #108E26)'; + +/** Цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceWarning = 'var(--on-light-surface-warning, #E85702)'; + +/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */ +export const onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #080808)'; + +/** Основной непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)'; + +/** Вторичный непрозрачный фон поверхности/контрола на светлом фоне */ +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, #F9F9F9)'; + +/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #1A9E321F)'; + +/** Прозрачный акцентный фон поверхности/контрола с градиентом на светлом фоне */ +export const onLightSurfaceTransparentAccentGradient = + 'var(--on-light-surface-transparent-accent-gradient, linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%))'; + +/** Прозрачный фон для карточек на светлом фоне */ +export const onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #0808080F)'; + +/** Непрозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, rgba(0, 0, 0, 0.64))'; + +/** Прозрачный цвет фона поверхности/контрола ошибка на светлом фоне */ +export const onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #F31B311F)'; + +/** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */ +export const onLightSurfaceTransparentPositive = 'var(--on-light-surface-transparent-positive, #108E261F)'; + +/** Основной прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080805)'; + +/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)'; + +/** Третичный прозрачный фон поверхности/контрола на светлом фоне */ +export const onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #0808081F)'; + +/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */ +export const onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparent-warning, #E857021F)'; + +/** Инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceAccent = 'var(--inverse-surface-accent, #1A9E32)'; + +/** Инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceAccentGradient = + 'var(--inverse-surface-accent-gradient, linear-gradient(135deg, white 0%, #1A9E32 100%))'; + +/** Инвертированный фон поверхности/контрола без заливки */ +export const inverseSurfaceClear = 'var(--inverse-surface-clear, rgba(0, 0, 0, 0))'; + +/** Инвертированный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceNegative = 'var(--inverse-surface-negative, #F31B31)'; + +/** Инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfacePositive = 'var(--inverse-surface-positive, #108E26)'; + +/** Инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceWarning = 'var(--inverse-surface-warning, #E85702)'; + +/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */ +export const inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #080808)'; + +/** Инвертированный основной непрозрачный фон поверхности/контрола */ +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 inverseSurfaceSolidCard = 'var(--inverse-surface-solid-card, #F9F9F9)'; + +/** Прозрачный инвертированный акцентный фон поверхности/контрола */ +export const inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #1A9E321F)'; + +/** Прозрачный инвертированный акцентный фон поверхности/контрола с градиентом */ +export const inverseSurfaceTransparentAccentGradient = + 'var(--inverse-surface-transparent-accent-gradient, linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%))'; + +/** Инвертированный прозрачный фон для карточек */ +export const inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #0808080F)'; + +/** Инвертированный непрозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, rgba(0, 0, 0, 0.64))'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола ошибка */ +export const inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #F31B311F)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола успех */ +export const inverseSurfaceTransparentPositive = 'var(--inverse-surface-transparent-positive, #108E261F)'; + +/** Инвертированный основной прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #08080805)'; + +/** Инвертированный вторичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #0808080F)'; + +/** Инвертированный третичный прозрачный фон поверхности/контрола */ +export const inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #0808081F)'; + +/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */ +export const inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent-warning, #E857021F)'; + +/** Основной фон */ +export const backgroundPrimary = 'var(--background-primary, #000000)'; + +/** Вторичный фон */ +export const backgroundSecondary = 'var(--background-secondary, #080808)'; + +/** Третичный фон */ +export const backgroundTertiary = 'var(--background-tertiary, #171717)'; + +/** Основной фон на темном фоне */ +export const darkBackgroundPrimary = 'var(--dark-background-primary, #000000)'; + +/** Вторичный фон на темном фоне */ +export const darkBackgroundSecondary = 'var(--dark-background-secondary, #080808)'; + +/** Третичный фон на темном фоне */ +export const darkBackgroundTertiary = 'var(--dark-background-tertiary, #171717)'; + +/** Основной фон на светлом фоне */ +export const lightBackgroundPrimary = 'var(--light-background-primary, #FFFFFF)'; + +/** Вторичный фон на светлом фоне */ +export const lightBackgroundSecondary = 'var(--light-background-secondary, #FFFFFF)'; + +/** Третичный фон на светлом фоне */ +export const lightBackgroundTertiary = 'var(--light-background-tertiary, #FFFFFF)'; + +/** Инвертированный основной фон */ +export const inverseBackgroundPrimary = 'var(--inverse-background-primary, #FFFFFF)'; + +/** Инвертированный вторичный фон */ +export const inverseBackgroundSecondary = 'var(--inverse-background-secondary, #FFFFFF)'; + +/** Инвертированный третичный фон */ +export const inverseBackgroundTertiary = 'var(--inverse-background-tertiary, #FFFFFF)'; + +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))'; diff --git a/packages/plasma-tokens/src/themes/Flamingo__dark.ts b/packages/plasma-tokens/src/themes/Flamingo__dark.ts new file mode 100644 index 0000000000..7497e29e89 --- /dev/null +++ b/packages/plasma-tokens/src/themes/Flamingo__dark.ts @@ -0,0 +1,211 @@ +// Generated by robots, do not change this manually! + +export const Flamingo__dark = { + ':root': { + '--overlay-soft': 'rgba(0, 0, 0, 0.56)', + '--overlay-hard': 'rgba(0, 0, 0, 0.9)', + '--on-dark-overlay-hard': 'rgba(0, 0, 0, 0.9)', + '--on-dark-overlay-soft': '#108210, #14CC98', + '--on-light-overlay-soft': 'rgba(0, 0, 0, 0.56)', + '--on-light-overlay-hard': 'rgba(0, 0, 0, 0.9)', + '--inverse-overlay-soft': 'rgba(0, 0, 0, 0.56)', + '--inverse-overlay-hard': 'rgba(0, 0, 0, 0.9)', + '--text-accent': '#1A9E32', + '--text-negative': '#FF293E', + '--text-paragraph': '#ECECEC', + '--text-positive': '#1A9E32', + '--text-primary': '#F5F5F5', + '--text-secondary': '#B3B3B3', + '--text-tertiary': '#7A7A7A', + '--text-warning': '#FA5F05', + '--text-transparent-accent': '#1A9E321F', + '--text-transparent-accent-gradient': 'linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)', + '--text-transparent-negative': '#FF293E1F', + '--text-transparent-positive': '#1A9E321F', + '--text-transparent-warning': '#FA5F051F', + '--text-accent-gradient': 'linear-gradient(45deg, #108210 0%, #14CC98 100%)', + '--on-dark-text-accent': '#1A9E32', + '--on-dark-text-accent-gradient': 'linear-gradient(135deg, black 0%, #1A9E32 100%)', + '--on-dark-text-negative': '#FF293E', + '--on-dark-text-paragraph': '#ECECEC', + '--on-dark-text-positive': '#1A9E32', + '--on-dark-text-primary': '#F5F5F5', + '--on-dark-text-secondary': '#B3B3B3', + '--on-dark-text-tertiary': '#7A7A7A', + '--on-dark-text-warning': '#FA5F05', + '--on-dark-text-transparent-accent': '#1A9E321F', + '--on-dark-text-transparent-accent-gradient': 'linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)', + '--on-dark-text-transparent-negative': '#FF293E1F', + '--on-dark-text-transparent-positive': '#1A9E321F', + '--on-dark-text-transparent-warning': '#FA5F051F', + '--on-light-text-accent': '#1A9E32', + '--on-light-text-accent-gradient': 'linear-gradient(135deg, white 0%, #1A9E32 100%)', + '--on-light-text-negative': '#F31B31', + '--on-light-text-paragraph': '#262626', + '--on-light-text-positive': '#108E26', + '--on-light-text-primary': '#171717', + '--on-light-text-secondary': '#4E4E4E', + '--on-light-text-tertiary': '#858585', + '--on-light-text-warning': '#E85702', + '--on-light-text-transparent-accent': '#1A9E321F', + '--on-light-text-transparent-accent-gradient': + 'linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)', + '--on-light-text-transparent-negative': '#F31B311F', + '--on-light-text-transparent-positive': '#108E261F', + '--on-light-text-transparent-warning': '#E857021F', + '--inverse-text-accent': '#1A9E32', + '--inverse-text-accent-gradient': 'linear-gradient(135deg, white 0%, #1A9E32 100%)', + '--inverse-text-negative': '#F31B31', + '--inverse-text-paragraph': '#262626', + '--inverse-text-positive': '#108E26', + '--inverse-text-primary': '#171717', + '--inverse-text-secondary': '#4E4E4E', + '--inverse-text-tertiary': '#858585', + '--inverse-text-warning': '#E85702', + '--inverse-text-transparent-accent': '#1A9E321F', + '--inverse-text-transparent-accent-gradient': 'linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)', + '--inverse-text-transparent-negative': '#F31B311F', + '--inverse-text-transparent-positive': '#108E261F', + '--inverse-text-transparent-warning': '#E857021F', + '--surface-accent': '#1A9E32', + '--surface-accent-gradient': 'linear-gradient(135deg, black 0%, #1A9E32 100%)', + '--surface-clear': 'rgba(0, 0, 0, 0)', + '--surface-negative': '#FF293E', + '--surface-positive': '#1A9E32', + '--surface-warning': '#FA5F05', + '--surface-solid-default': '#FFFFFF', + '--surface-solid-primary': '#171717', + '--surface-solid-secondary': '#262626', + '--surface-solid-tertiary': '#363636', + '--surface-solid-card': '#171717', + '--surface-transparent-accent': '#1A9E321F', + '--surface-transparent-accent-gradient': 'linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)', + '--surface-transparent-card': 'rgba(255, 255, 255, 0.12)', + '--surface-transparent-deep': 'rgba(255, 255, 255, 0.64)', + '--surface-transparent-negative': '#FF293E1F', + '--surface-transparent-positive': '#1A9E321F', + '--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-warning': '#FA5F051F', + '--on-dark-surface-accent': '#1A9E32', + '--on-dark-surface-accent-gradient': 'linear-gradient(135deg, black 0%, #1A9E32 100%)', + '--on-dark-surface-clear': 'rgba(0, 0, 0, 0)', + '--on-dark-surface-negative': '#FF293E', + '--on-dark-surface-positive': '#1A9E32', + '--on-dark-surface-warning': '#FA5F05', + '--on-dark-surface-solid-default': '#FFFFFF', + '--on-dark-surface-solid-primary': '#171717', + '--on-dark-surface-solid-secondary': '#262626', + '--on-dark-surface-solid-tertiary': '#363636', + '--on-dark-surface-solid-card': '#171717', + '--on-dark-surface-transparent-accent': '#1A9E321F', + '--on-dark-surface-transparent-accent-gradient': + 'linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)', + '--on-dark-surface-transparent-card': 'rgba(255, 255, 255, 0.12)', + '--on-dark-surface-transparent-deep': 'rgba(255, 255, 255, 0.64)', + '--on-dark-surface-transparent-negative': '#FF293E1F', + '--on-dark-surface-transparent-positive': '#1A9E321F', + '--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-warning': '#FA5F051F', + '--on-light-surface-accent': '#1A9E32', + '--on-light-surface-accent-gradient': 'linear-gradient(135deg, white 0%, #1A9E32 100%)', + '--on-light-surface-clear': 'rgba(0, 0, 0, 0)', + '--on-light-surface-negative': '#F31B31', + '--on-light-surface-positive': '#108E26', + '--on-light-surface-warning': '#E85702', + '--on-light-surface-solid-default': '#080808', + '--on-light-surface-solid-primary': '#F5F5F5', + '--on-light-surface-solid-secondary': '#ECECEC', + '--on-light-surface-solid-tertiary': '#DDDDDD', + '--on-light-surface-solid-card': '#F9F9F9', + '--on-light-surface-transparent-accent': '#1A9E321F', + '--on-light-surface-transparent-accent-gradient': + 'linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)', + '--on-light-surface-transparent-card': '#0808080F', + '--on-light-surface-transparent-deep': 'rgba(0, 0, 0, 0.64)', + '--on-light-surface-transparent-negative': '#F31B311F', + '--on-light-surface-transparent-positive': '#108E261F', + '--on-light-surface-transparent-primary': '#08080805', + '--on-light-surface-transparent-secondary': '#0808080F', + '--on-light-surface-transparent-tertiary': '#0808081F', + '--on-light-surface-transparent-warning': '#E857021F', + '--inverse-surface-accent': '#1A9E32', + '--inverse-surface-accent-gradient': 'linear-gradient(135deg, white 0%, #1A9E32 100%)', + '--inverse-surface-clear': 'rgba(0, 0, 0, 0)', + '--inverse-surface-negative': '#F31B31', + '--inverse-surface-positive': '#108E26', + '--inverse-surface-warning': '#E85702', + '--inverse-surface-solid-default': '#080808', + '--inverse-surface-solid-primary': '#F5F5F5', + '--inverse-surface-solid-secondary': '#ECECEC', + '--inverse-surface-solid-tertiary': '#DDDDDD', + '--inverse-surface-solid-card': '#F9F9F9', + '--inverse-surface-transparent-accent': '#1A9E321F', + '--inverse-surface-transparent-accent-gradient': + 'linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)', + '--inverse-surface-transparent-card': '#0808080F', + '--inverse-surface-transparent-deep': 'rgba(0, 0, 0, 0.64)', + '--inverse-surface-transparent-negative': '#F31B311F', + '--inverse-surface-transparent-positive': '#108E261F', + '--inverse-surface-transparent-primary': '#08080805', + '--inverse-surface-transparent-secondary': '#0808080F', + '--inverse-surface-transparent-tertiary': '#0808081F', + '--inverse-surface-transparent-warning': '#E857021F', + '--background-primary': '#000000', + '--background-secondary': '#080808', + '--background-tertiary': '#171717', + '--dark-background-primary': '#000000', + '--dark-background-secondary': '#080808', + '--dark-background-tertiary': '#171717', + '--light-background-primary': '#FFFFFF', + '--light-background-secondary': '#FFFFFF', + '--light-background-tertiary': '#FFFFFF', + '--inverse-background-primary': '#FFFFFF', + '--inverse-background-secondary': '#FFFFFF', + '--inverse-background-tertiary': '#FFFFFF', + '--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)', + color: 'var(--text-primary)', + 'background-color': 'var(--background-primary)', + }, +}; +/** @deprecated использовать вместо этого Flamingo__dark */ +export const darkFlamingo = Flamingo__dark; diff --git a/packages/plasma-tokens/src/themes/Flamingo__light.ts b/packages/plasma-tokens/src/themes/Flamingo__light.ts new file mode 100644 index 0000000000..c53f56267e --- /dev/null +++ b/packages/plasma-tokens/src/themes/Flamingo__light.ts @@ -0,0 +1,211 @@ +// Generated by robots, do not change this manually! + +export const Flamingo__light = { + ':root': { + '--overlay-soft': 'rgba(0, 0, 0, 0.56)', + '--overlay-hard': 'rgba(0, 0, 0, 0.9)', + '--on-dark-overlay-soft': 'rgba(0, 0, 0, 0.56)', + '--on-dark-overlay-hard': 'rgba(0, 0, 0, 0.9)', + '--on-light-overlay-soft': 'rgba(0, 0, 0, 0.56)', + '--on-light-overlay-hard': 'rgba(0, 0, 0, 0.9)', + '--inverse-overlay-soft': 'rgba(0, 0, 0, 0.56)', + '--inverse-overlay-hard': 'rgba(0, 0, 0, 0.9)', + '--text-accent': '#1A9E32', + '--text-accent-gradient': 'linear-gradient(135deg, white 0%, #1A9E32 100%)', + '--text-negative': '#F31B31', + '--text-paragraph': '#262626', + '--text-positive': '#108E26', + '--text-primary': '#171717', + '--text-secondary': '#4E4E4E', + '--text-tertiary': '#858585', + '--text-warning': '#E85702', + '--text-transparent-accent': '#1A9E321F', + '--text-transparent-accent-gradient': 'linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)', + '--text-transparent-negative': '#F31B311F', + '--text-transparent-positive': '#108E261F', + '--text-transparent-warning': '#E857021F', + '--on-dark-text-accent': '#1A9E32', + '--on-dark-text-accent-gradient': 'linear-gradient(135deg, black 0%, #1A9E32 100%)', + '--on-dark-text-negative': '#FF293E', + '--on-dark-text-paragraph': '#ECECEC', + '--on-dark-text-positive': '#1A9E32', + '--on-dark-text-primary': '#F5F5F5', + '--on-dark-text-secondary': '#B3B3B3', + '--on-dark-text-tertiary': '#7A7A7A', + '--on-dark-text-warning': '#FA5F05', + '--on-dark-text-transparent-accent': '#1A9E321F', + '--on-dark-text-transparent-accent-gradient': 'linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)', + '--on-dark-text-transparent-negative': '#FF293E1F', + '--on-dark-text-transparent-positive': '#1A9E321F', + '--on-dark-text-transparent-warning': '#FA5F051F', + '--on-light-text-accent': '#1A9E32', + '--on-light-text-accent-gradient': 'linear-gradient(135deg, white 0%, #1A9E32 100%)', + '--on-light-text-negative': '#F31B31', + '--on-light-text-paragraph': '#262626', + '--on-light-text-positive': '#108E26', + '--on-light-text-primary': '#171717', + '--on-light-text-secondary': '#4E4E4E', + '--on-light-text-tertiary': '#858585', + '--on-light-text-warning': '#E85702', + '--on-light-text-transparent-accent': '#1A9E321F', + '--on-light-text-transparent-accent-gradient': + 'linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)', + '--on-light-text-transparent-negative': '#F31B311F', + '--on-light-text-transparent-positive': '#108E261F', + '--on-light-text-transparent-warning': '#E857021F', + '--inverse-text-accent': '#1A9E32', + '--inverse-text-accent-gradient': 'linear-gradient(135deg, black 0%, #1A9E32 100%)', + '--inverse-text-negative': '#FF293E', + '--inverse-text-paragraph': '#ECECEC', + '--inverse-text-positive': '#1A9E32', + '--inverse-text-primary': '#F5F5F5', + '--inverse-text-secondary': '#B3B3B3', + '--inverse-text-tertiary': '#7A7A7A', + '--inverse-text-warning': '#FA5F05', + '--inverse-text-transparent-accent': '#1A9E321F', + '--inverse-text-transparent-accent-gradient': 'linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)', + '--inverse-text-transparent-negative': '#FF293E1F', + '--inverse-text-transparent-positive': '#1A9E321F', + '--inverse-text-transparent-warning': '#FA5F051F', + '--surface-accent': '#1A9E32', + '--surface-accent-gradient': 'linear-gradient(135deg, white 0%, #1A9E32 100%)', + '--surface-clear': 'rgba(0, 0, 0, 0)', + '--surface-negative': '#F31B31', + '--surface-positive': '#108E26', + '--surface-warning': '#E85702', + '--surface-solid-default': '#080808', + '--surface-solid-primary': '#F5F5F5', + '--surface-solid-secondary': '#ECECEC', + '--surface-solid-tertiary': '#DDDDDD', + '--surface-solid-card': '#F9F9F9', + '--surface-transparent-accent': '#1A9E321F', + '--surface-transparent-accent-gradient': 'linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)', + '--surface-transparent-card': '#0808080F', + '--surface-transparent-deep': 'rgba(0, 0, 0, 0.64)', + '--surface-transparent-negative': '#F31B311F', + '--surface-transparent-positive': '#108E261F', + '--surface-transparent-primary': '#08080805', + '--surface-transparent-secondary': '#0808080F', + '--surface-transparent-tertiary': '#0808081F', + '--surface-transparent-warning': '#E857021F', + '--on-dark-surface-accent': '#1A9E32', + '--on-dark-surface-accent-gradient': 'linear-gradient(135deg, black 0%, #1A9E32 100%)', + '--on-dark-surface-clear': 'rgba(0, 0, 0, 0)', + '--on-dark-surface-negative': '#FF293E', + '--on-dark-surface-positive': '#1A9E32', + '--on-dark-surface-warning': '#FA5F05', + '--on-dark-surface-solid-default': '#FFFFFF', + '--on-dark-surface-solid-primary': '#171717', + '--on-dark-surface-solid-secondary': '#262626', + '--on-dark-surface-solid-tertiary': '#363636', + '--on-dark-surface-solid-card': '#171717', + '--on-dark-surface-transparent-accent': '#1A9E321F', + '--on-dark-surface-transparent-accent-gradient': + 'linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)', + '--on-dark-surface-transparent-card': 'rgba(255, 255, 255, 0.12)', + '--on-dark-surface-transparent-deep': 'rgba(255, 255, 255, 0.64)', + '--on-dark-surface-transparent-negative': '#FF293E1F', + '--on-dark-surface-transparent-positive': '#1A9E321F', + '--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-warning': '#FA5F051F', + '--on-light-surface-accent': '#1A9E32', + '--on-light-surface-accent-gradient': 'linear-gradient(135deg, white 0%, #1A9E32 100%)', + '--on-light-surface-clear': 'rgba(0, 0, 0, 0)', + '--on-light-surface-negative': '#F31B31', + '--on-light-surface-positive': '#108E26', + '--on-light-surface-warning': '#E85702', + '--on-light-surface-solid-default': '#080808', + '--on-light-surface-solid-primary': '#F5F5F5', + '--on-light-surface-solid-secondary': '#ECECEC', + '--on-light-surface-solid-tertiary': '#DDDDDD', + '--on-light-surface-solid-card': '#F9F9F9', + '--on-light-surface-transparent-accent': '#1A9E321F', + '--on-light-surface-transparent-accent-gradient': + 'linear-gradient(135deg, white 0%, rgba(26, 158, 50, 0.12) 100%)', + '--on-light-surface-transparent-card': '#0808080F', + '--on-light-surface-transparent-deep': 'rgba(0, 0, 0, 0.64)', + '--on-light-surface-transparent-negative': '#F31B311F', + '--on-light-surface-transparent-positive': '#108E261F', + '--on-light-surface-transparent-primary': '#08080805', + '--on-light-surface-transparent-secondary': '#0808080F', + '--on-light-surface-transparent-tertiary': '#0808081F', + '--on-light-surface-transparent-warning': '#E857021F', + '--inverse-surface-accent': '#1A9E32', + '--inverse-surface-accent-gradient': 'linear-gradient(135deg, black 0%, #1A9E32 100%)', + '--inverse-surface-clear': 'rgba(0, 0, 0, 0)', + '--inverse-surface-negative': '#FF293E', + '--inverse-surface-positive': '#1A9E32', + '--inverse-surface-warning': '#FA5F05', + '--inverse-surface-solid-default': '#FFFFFF', + '--inverse-surface-solid-primary': '#171717', + '--inverse-surface-solid-secondary': '#262626', + '--inverse-surface-solid-tertiary': '#363636', + '--inverse-surface-solid-card': '#171717', + '--inverse-surface-transparent-accent': '#1A9E321F', + '--inverse-surface-transparent-accent-gradient': + 'linear-gradient(135deg, black 0%, rgba(26, 158, 50, 0.12) 100%)', + '--inverse-surface-transparent-card': 'rgba(255, 255, 255, 0.12)', + '--inverse-surface-transparent-deep': 'rgba(255, 255, 255, 0.64)', + '--inverse-surface-transparent-negative': '#FF293E1F', + '--inverse-surface-transparent-positive': '#1A9E321F', + '--inverse-surface-transparent-primary': 'rgba(255, 255, 255, 0.06)', + '--inverse-surface-transparent-secondary': 'rgba(255, 255, 255, 0.12)', + '--inverse-surface-transparent-tertiary': 'rgba(255, 255, 255, 0.2)', + '--inverse-surface-transparent-warning': '#FA5F051F', + '--background-primary': '#FFFFFF', + '--background-secondary': '#FFFFFF', + '--background-tertiary': '#FFFFFF', + '--dark-background-primary': '#000000', + '--dark-background-secondary': '#080808', + '--dark-background-tertiary': '#171717', + '--light-background-primary': '#FFFFFF', + '--light-background-secondary': '#FFFFFF', + '--light-background-tertiary': '#FFFFFF', + '--inverse-background-primary': '#000000', + '--inverse-background-secondary': '#080808', + '--inverse-background-tertiary': '#171717', + '--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)', + color: 'var(--text-primary)', + 'background-color': 'var(--background-primary)', + }, +}; +/** @deprecated использовать вместо этого Flamingo__light */ +export const lightFlamingo = Flamingo__light; diff --git a/packages/plasma-tokens/src/themes/index.ts b/packages/plasma-tokens/src/themes/index.ts index 8b5d1ad247..d228683c26 100644 --- a/packages/plasma-tokens/src/themes/index.ts +++ b/packages/plasma-tokens/src/themes/index.ts @@ -1,5 +1,7 @@ // Generated by robots, do not change this manually! +export { Flamingo__dark, darkFlamingo } from './Flamingo__dark'; +export { Flamingo__light, lightFlamingo } from './Flamingo__light'; export { plasma_b2c__dark, darkPlasma_b2c } from './plasma_b2c__dark'; export { plasma_b2c__light, lightPlasma_b2c } from './plasma_b2c__light'; export { plasma_web__dark, darkPlasma_web } from './plasma_web__dark';