diff --git a/packages/plasma-tokens/data/themes/sdds_finai.json b/packages/plasma-tokens/data/themes/sdds_finai.json index 2d853df9b7..400614f7df 100644 --- a/packages/plasma-tokens/data/themes/sdds_finai.json +++ b/packages/plasma-tokens/data/themes/sdds_finai.json @@ -4691,6 +4691,54 @@ }, "data": { "default": { + "dataPositiveGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0.302%, rgba(0, 172, 123, 0.68) 30.285%, rgba(0, 125, 128, 0.32) 54.577%, rgba(6, 10, 12, 0) 74.407%)", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataWarningGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 112, 36) 0%, rgba(255, 112, 36, 0.68) 30.401%, rgba(133, 56, 12, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataNegativeGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 61, 81, 0.68) 30.401%, rgba(156, 20, 34, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataInfoGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 142, 255, 0.68) 30.401%, rgba(12, 114, 182, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, "dataYellowHover": { "value": "#F4B22FFF", "comment": "Желтый цвет для данных" @@ -4861,6 +4909,54 @@ } }, "onDark": { + "dataPositiveGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0.302%, rgba(0, 172, 123, 0.68) 30.285%, rgba(0, 125, 128, 0.32) 54.577%, rgba(6, 10, 12, 0) 74.407%)", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataWarningGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 112, 36) 0%, rgba(255, 112, 36, 0.68) 30.401%, rgba(133, 56, 12, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataNegativeGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 61, 81, 0.68) 30.401%, rgba(156, 20, 34, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataInfoGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 142, 255, 0.68) 30.401%, rgba(12, 114, 182, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, "dataYellowHover": { "value": "#F4B22FFF", "comment": "Желтый цвет для данных на темном фоне" @@ -5031,6 +5127,54 @@ } }, "onLight": { + "dataPositiveGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0%, rgba(0, 172, 123, 0.68) 30.401%, rgba(237, 248, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataWarningGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(250, 95, 5) 0%, rgba(253, 156, 104, 0.68) 30.401%, rgba(255, 246, 229, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataNegativeGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 143, 154, 0.68) 30.401%, rgba(254, 226, 210, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataInfoGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 186, 255, 0.68) 30.401%, rgba(207, 236, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, "dataYellow": { "value": "[general.amber.300]", "comment": "Желтый цвет для данных на светлом фоне" @@ -5201,6 +5345,54 @@ } }, "inverse": { + "dataPositiveGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0%, rgba(0, 172, 123, 0.68) 30.401%, rgba(237, 248, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataWarningGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(250, 95, 5) 0%, rgba(253, 156, 104, 0.68) 30.401%, rgba(255, 246, 229, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataNegativeGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 143, 154, 0.68) 30.401%, rgba(254, 226, 210, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataInfoGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 186, 255, 0.68) 30.401%, rgba(207, 236, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, "dataYellow": { "value": "[general.amber.300]", "comment": "Инвертированный желтый цвет для данных" @@ -10053,6 +10245,54 @@ }, "data": { "default": { + "dataPositiveGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0%, rgba(0, 172, 123, 0.68) 30.401%, rgba(237, 248, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataWarningGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(250, 95, 5) 0%, rgba(253, 156, 104, 0.68) 30.401%, rgba(255, 246, 229, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataNegativeGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 143, 154, 0.68) 30.401%, rgba(254, 226, 210, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataInfoGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 186, 255, 0.68) 30.401%, rgba(207, 236, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, "dataYellow": { "value": "[general.amber.300]", "comment": "Желтый цвет для данных" @@ -10447,6 +10687,54 @@ } }, "onDark": { + "dataPositiveGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0.302%, rgba(0, 172, 123, 0.68) 30.285%, rgba(0, 125, 128, 0.32) 54.577%, rgba(6, 10, 12, 0) 74.407%)", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataWarningGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 112, 36) 0%, rgba(255, 112, 36, 0.68) 30.401%, rgba(133, 56, 12, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataNegativeGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 61, 81, 0.68) 30.401%, rgba(156, 20, 34, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataInfoGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 142, 255, 0.68) 30.401%, rgba(12, 114, 182, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, "dataYellowHover": { "value": "#B87A00FF", "comment": "Желтый цвет для данных на темном фоне" @@ -10841,6 +11129,54 @@ } }, "onLight": { + "dataPositiveGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0%, rgba(0, 172, 123, 0.68) 30.401%, rgba(237, 248, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataWarningGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(250, 95, 5) 0%, rgba(253, 156, 104, 0.68) 30.401%, rgba(255, 246, 229, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataNegativeGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 143, 154, 0.68) 30.401%, rgba(254, 226, 210, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataInfoGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 186, 255, 0.68) 30.401%, rgba(207, 236, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, "dataYellow": { "value": "[general.amber.300]", "comment": "" @@ -11235,6 +11571,54 @@ } }, "inverse": { + "dataPositiveGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0.302%, rgba(0, 172, 123, 0.68) 30.285%, rgba(0, 125, 128, 0.32) 54.577%, rgba(6, 10, 12, 0) 74.407%)", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataPositiveGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет успеха с градиентом" + }, + "dataWarningGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 112, 36) 0%, rgba(255, 112, 36, 0.68) 30.401%, rgba(133, 56, 12, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataWarningGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет предупреждения с градиентом" + }, + "dataNegativeGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 61, 81, 0.68) 30.401%, rgba(156, 20, 34, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataNegativeGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет ошибки с градиентом" + }, + "dataInfoGradient": { + "value": "radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 142, 255, 0.68) 30.401%, rgba(12, 114, 182, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientHover": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, + "dataInfoGradientActive": { + "value": "#FFFFFF", + "comment": "Цвет информации с градиентом" + }, "dataYellow": { "value": "[general.amber.700]", "comment": "" diff --git a/packages/plasma-tokens/src/brands/sdds_finai/index.ts b/packages/plasma-tokens/src/brands/sdds_finai/index.ts index 09d663a344..9fc2b84a6e 100644 --- a/packages/plasma-tokens/src/brands/sdds_finai/index.ts +++ b/packages/plasma-tokens/src/brands/sdds_finai/index.ts @@ -2216,6 +2216,46 @@ export const inverseOutlineNegative = 'var(--inverse-outline-negative, #E31227)' /** Инвертированный третичный непрозрачный цвет обводки */ export const inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #657179)'; +/** Цвет успеха с градиентом */ +export const dataDefaultDataPositiveGradient = + 'var(--data-default-data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0.302%, rgba(0, 172, 123, 0.68) 30.285%, rgba(0, 125, 128, 0.32) 54.577%, rgba(6, 10, 12, 0) 74.407%))'; + +/** Цвет успеха с градиентом */ +export const dataDefaultDataPositiveGradientHover = 'var(--data-default-data-positive-gradient-hover, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const dataDefaultDataPositiveGradientActive = 'var(--data-default-data-positive-gradient-active, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const dataDefaultDataWarningGradient = + 'var(--data-default-data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 112, 36) 0%, rgba(255, 112, 36, 0.68) 30.401%, rgba(133, 56, 12, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%))'; + +/** Цвет предупреждения с градиентом */ +export const dataDefaultDataWarningGradientHover = 'var(--data-default-data-warning-gradient-hover, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const dataDefaultDataWarningGradientActive = 'var(--data-default-data-warning-gradient-active, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const dataDefaultDataNegativeGradient = + 'var(--data-default-data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 61, 81, 0.68) 30.401%, rgba(156, 20, 34, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%))'; + +/** Цвет ошибки с градиентом */ +export const dataDefaultDataNegativeGradientHover = 'var(--data-default-data-negative-gradient-hover, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const dataDefaultDataNegativeGradientActive = 'var(--data-default-data-negative-gradient-active, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const dataDefaultDataInfoGradient = + 'var(--data-default-data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 142, 255, 0.68) 30.401%, rgba(12, 114, 182, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%))'; + +/** Цвет информации с градиентом */ +export const dataDefaultDataInfoGradientHover = 'var(--data-default-data-info-gradient-hover, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const dataDefaultDataInfoGradientActive = 'var(--data-default-data-info-gradient-active, #FFFFFF)'; + /** Желтый цвет для данных */ export const dataDefaultDataYellowHover = 'var(--data-default-data-yellow-hover, #F4B22FFF)'; @@ -2315,6 +2355,46 @@ export const dataDefaultDataGreenTransparent = 'var(--data-default-data-green-tr export const dataDefaultDataBlueTransparent = 'var(--data-default-data-blue-transparent, rgba(17,140,223,0.24))'; +/** Цвет успеха с градиентом */ +export const dataOnDarkDataPositiveGradient = + 'var(--data-on-dark-data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0.302%, rgba(0, 172, 123, 0.68) 30.285%, rgba(0, 125, 128, 0.32) 54.577%, rgba(6, 10, 12, 0) 74.407%))'; + +/** Цвет успеха с градиентом */ +export const dataOnDarkDataPositiveGradientHover = 'var(--data-on-dark-data-positive-gradient-hover, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const dataOnDarkDataPositiveGradientActive = 'var(--data-on-dark-data-positive-gradient-active, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const dataOnDarkDataWarningGradient = + 'var(--data-on-dark-data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 112, 36) 0%, rgba(255, 112, 36, 0.68) 30.401%, rgba(133, 56, 12, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%))'; + +/** Цвет предупреждения с градиентом */ +export const dataOnDarkDataWarningGradientHover = 'var(--data-on-dark-data-warning-gradient-hover, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const dataOnDarkDataWarningGradientActive = 'var(--data-on-dark-data-warning-gradient-active, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const dataOnDarkDataNegativeGradient = + 'var(--data-on-dark-data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 61, 81, 0.68) 30.401%, rgba(156, 20, 34, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%))'; + +/** Цвет ошибки с градиентом */ +export const dataOnDarkDataNegativeGradientHover = 'var(--data-on-dark-data-negative-gradient-hover, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const dataOnDarkDataNegativeGradientActive = 'var(--data-on-dark-data-negative-gradient-active, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const dataOnDarkDataInfoGradient = + 'var(--data-on-dark-data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 142, 255, 0.68) 30.401%, rgba(12, 114, 182, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%))'; + +/** Цвет информации с градиентом */ +export const dataOnDarkDataInfoGradientHover = 'var(--data-on-dark-data-info-gradient-hover, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const dataOnDarkDataInfoGradientActive = 'var(--data-on-dark-data-info-gradient-active, #FFFFFF)'; + /** Желтый цвет для данных на темном фоне */ export const dataOnDarkDataYellowHover = 'var(--data-on-dark-data-yellow-hover, #F4B22FFF)'; @@ -2414,6 +2494,46 @@ export const dataOnDarkDataGreenTransparent = 'var(--data-on-dark-data-green-tra export const dataOnDarkDataBlueTransparent = 'var(--data-on-dark-data-blue-transparent, #118CDF3D)'; +/** Цвет успеха с градиентом */ +export const dataOnLightDataPositiveGradient = + 'var(--data-on-light-data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0%, rgba(0, 172, 123, 0.68) 30.401%, rgba(237, 248, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%))'; + +/** Цвет успеха с градиентом */ +export const dataOnLightDataPositiveGradientHover = 'var(--data-on-light-data-positive-gradient-hover, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const dataOnLightDataPositiveGradientActive = 'var(--data-on-light-data-positive-gradient-active, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const dataOnLightDataWarningGradient = + 'var(--data-on-light-data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(250, 95, 5) 0%, rgba(253, 156, 104, 0.68) 30.401%, rgba(255, 246, 229, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%))'; + +/** Цвет предупреждения с градиентом */ +export const dataOnLightDataWarningGradientHover = 'var(--data-on-light-data-warning-gradient-hover, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const dataOnLightDataWarningGradientActive = 'var(--data-on-light-data-warning-gradient-active, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const dataOnLightDataNegativeGradient = + 'var(--data-on-light-data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 143, 154, 0.68) 30.401%, rgba(254, 226, 210, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%))'; + +/** Цвет ошибки с градиентом */ +export const dataOnLightDataNegativeGradientHover = 'var(--data-on-light-data-negative-gradient-hover, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const dataOnLightDataNegativeGradientActive = 'var(--data-on-light-data-negative-gradient-active, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const dataOnLightDataInfoGradient = + 'var(--data-on-light-data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 186, 255, 0.68) 30.401%, rgba(207, 236, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%))'; + +/** Цвет информации с градиентом */ +export const dataOnLightDataInfoGradientHover = 'var(--data-on-light-data-info-gradient-hover, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const dataOnLightDataInfoGradientActive = 'var(--data-on-light-data-info-gradient-active, #FFFFFF)'; + /** Желтый цвет для данных на светлом фоне */ export const dataOnLightDataYellow = 'var(--data-on-light-data-yellow, #F3A912)'; @@ -2513,6 +2633,46 @@ export const dataOnLightDataYellowLight = 'var(--data-on-light-data-yellow-light export const dataOnLightDataGreenLight = 'var(--data-on-light-data-green-light, #9EFAAF)'; +/** Цвет успеха с градиентом */ +export const dataInverseDataPositiveGradient = + 'var(--data-inverse-data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0%, rgba(0, 172, 123, 0.68) 30.401%, rgba(237, 248, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%))'; + +/** Цвет успеха с градиентом */ +export const dataInverseDataPositiveGradientHover = 'var(--data-inverse-data-positive-gradient-hover, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const dataInverseDataPositiveGradientActive = 'var(--data-inverse-data-positive-gradient-active, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const dataInverseDataWarningGradient = + 'var(--data-inverse-data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(250, 95, 5) 0%, rgba(253, 156, 104, 0.68) 30.401%, rgba(255, 246, 229, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%))'; + +/** Цвет предупреждения с градиентом */ +export const dataInverseDataWarningGradientHover = 'var(--data-inverse-data-warning-gradient-hover, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const dataInverseDataWarningGradientActive = 'var(--data-inverse-data-warning-gradient-active, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const dataInverseDataNegativeGradient = + 'var(--data-inverse-data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 143, 154, 0.68) 30.401%, rgba(254, 226, 210, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%))'; + +/** Цвет ошибки с градиентом */ +export const dataInverseDataNegativeGradientHover = 'var(--data-inverse-data-negative-gradient-hover, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const dataInverseDataNegativeGradientActive = 'var(--data-inverse-data-negative-gradient-active, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const dataInverseDataInfoGradient = + 'var(--data-inverse-data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 186, 255, 0.68) 30.401%, rgba(207, 236, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%))'; + +/** Цвет информации с градиентом */ +export const dataInverseDataInfoGradientHover = 'var(--data-inverse-data-info-gradient-hover, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const dataInverseDataInfoGradientActive = 'var(--data-inverse-data-info-gradient-active, #FFFFFF)'; + /** Инвертированный желтый цвет для данных */ export const dataInverseDataYellow = 'var(--data-inverse-data-yellow, #F3A912)'; diff --git a/packages/plasma-tokens/src/themes/sdds_finai__dark.ts b/packages/plasma-tokens/src/themes/sdds_finai__dark.ts index 2981bef0f4..f38004bc93 100644 --- a/packages/plasma-tokens/src/themes/sdds_finai__dark.ts +++ b/packages/plasma-tokens/src/themes/sdds_finai__dark.ts @@ -744,6 +744,22 @@ export const sdds_finai__dark = { '--inverse-outline-warning': '#FA5F05', '--inverse-outline-negative': '#E31227', '--inverse-outline-solid-tertiary': '#657179', + '--data-default-data-positive-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0.302%, rgba(0, 172, 123, 0.68) 30.285%, rgba(0, 125, 128, 0.32) 54.577%, rgba(6, 10, 12, 0) 74.407%)', + '--data-default-data-positive-gradient-hover': '#FFFFFF', + '--data-default-data-positive-gradient-active': '#FFFFFF', + '--data-default-data-warning-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 112, 36) 0%, rgba(255, 112, 36, 0.68) 30.401%, rgba(133, 56, 12, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-default-data-warning-gradient-hover': '#FFFFFF', + '--data-default-data-warning-gradient-active': '#FFFFFF', + '--data-default-data-negative-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 61, 81, 0.68) 30.401%, rgba(156, 20, 34, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-default-data-negative-gradient-hover': '#FFFFFF', + '--data-default-data-negative-gradient-active': '#FFFFFF', + '--data-default-data-info-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 142, 255, 0.68) 30.401%, rgba(12, 114, 182, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-default-data-info-gradient-hover': '#FFFFFF', + '--data-default-data-info-gradient-active': '#FFFFFF', '--data-default-data-yellow-hover': '#F4B22FFF', '--data-default-data-yellow-active': '#EDA20CFF', '--data-default-data-yellow-minor-hover': '#B87A00FF', @@ -786,6 +802,22 @@ export const sdds_finai__dark = { '--data-default-data-yellow-transparent': 'rgba(243,169,18,0.56)', '--data-default-data-green-transparent': 'rgba(26,158,50,0.24)', '--data-default-data-blue-transparent': 'rgba(17,140,223,0.24)', + '--data-on-dark-data-positive-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0.302%, rgba(0, 172, 123, 0.68) 30.285%, rgba(0, 125, 128, 0.32) 54.577%, rgba(6, 10, 12, 0) 74.407%)', + '--data-on-dark-data-positive-gradient-hover': '#FFFFFF', + '--data-on-dark-data-positive-gradient-active': '#FFFFFF', + '--data-on-dark-data-warning-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 112, 36) 0%, rgba(255, 112, 36, 0.68) 30.401%, rgba(133, 56, 12, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-on-dark-data-warning-gradient-hover': '#FFFFFF', + '--data-on-dark-data-warning-gradient-active': '#FFFFFF', + '--data-on-dark-data-negative-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 61, 81, 0.68) 30.401%, rgba(156, 20, 34, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-on-dark-data-negative-gradient-hover': '#FFFFFF', + '--data-on-dark-data-negative-gradient-active': '#FFFFFF', + '--data-on-dark-data-info-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 142, 255, 0.68) 30.401%, rgba(12, 114, 182, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-on-dark-data-info-gradient-hover': '#FFFFFF', + '--data-on-dark-data-info-gradient-active': '#FFFFFF', '--data-on-dark-data-yellow-hover': '#F4B22FFF', '--data-on-dark-data-yellow-active': '#EDA20CFF', '--data-on-dark-data-yellow-minor-hover': '#B87A00FF', @@ -828,6 +860,22 @@ export const sdds_finai__dark = { '--data-on-dark-data-orange-transparent': '#FA5F053D', '--data-on-dark-data-green-transparent': '#1A9E323D', '--data-on-dark-data-blue-transparent': '#118CDF3D', + '--data-on-light-data-positive-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0%, rgba(0, 172, 123, 0.68) 30.401%, rgba(237, 248, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-on-light-data-positive-gradient-hover': '#FFFFFF', + '--data-on-light-data-positive-gradient-active': '#FFFFFF', + '--data-on-light-data-warning-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(250, 95, 5) 0%, rgba(253, 156, 104, 0.68) 30.401%, rgba(255, 246, 229, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-on-light-data-warning-gradient-hover': '#FFFFFF', + '--data-on-light-data-warning-gradient-active': '#FFFFFF', + '--data-on-light-data-negative-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 143, 154, 0.68) 30.401%, rgba(254, 226, 210, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-on-light-data-negative-gradient-hover': '#FFFFFF', + '--data-on-light-data-negative-gradient-active': '#FFFFFF', + '--data-on-light-data-info-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 186, 255, 0.68) 30.401%, rgba(207, 236, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-on-light-data-info-gradient-hover': '#FFFFFF', + '--data-on-light-data-info-gradient-active': '#FFFFFF', '--data-on-light-data-yellow': '#F3A912', '--data-on-light-data-yellow-hover': '#F4B22FFF', '--data-on-light-data-yellow-active': '#EDA20CFF', @@ -870,6 +918,22 @@ export const sdds_finai__dark = { '--data-on-light-data-orange-transparent': '#FA5F0533', '--data-on-light-data-yellow-light': '#FFF6E5', '--data-on-light-data-green-light': '#9EFAAF', + '--data-inverse-data-positive-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0%, rgba(0, 172, 123, 0.68) 30.401%, rgba(237, 248, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-inverse-data-positive-gradient-hover': '#FFFFFF', + '--data-inverse-data-positive-gradient-active': '#FFFFFF', + '--data-inverse-data-warning-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(250, 95, 5) 0%, rgba(253, 156, 104, 0.68) 30.401%, rgba(255, 246, 229, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-inverse-data-warning-gradient-hover': '#FFFFFF', + '--data-inverse-data-warning-gradient-active': '#FFFFFF', + '--data-inverse-data-negative-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 143, 154, 0.68) 30.401%, rgba(254, 226, 210, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-inverse-data-negative-gradient-hover': '#FFFFFF', + '--data-inverse-data-negative-gradient-active': '#FFFFFF', + '--data-inverse-data-info-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 186, 255, 0.68) 30.401%, rgba(207, 236, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-inverse-data-info-gradient-hover': '#FFFFFF', + '--data-inverse-data-info-gradient-active': '#FFFFFF', '--data-inverse-data-yellow': '#F3A912', '--data-inverse-data-yellow-hover': '#F4B22FFF', '--data-inverse-data-yellow-active': '#EDA20CFF', diff --git a/packages/plasma-tokens/src/themes/sdds_finai__light.ts b/packages/plasma-tokens/src/themes/sdds_finai__light.ts index 9c6359d260..22a99b42bc 100644 --- a/packages/plasma-tokens/src/themes/sdds_finai__light.ts +++ b/packages/plasma-tokens/src/themes/sdds_finai__light.ts @@ -744,6 +744,22 @@ export const sdds_finai__light = { '--inverse-outline-solid-default-hover': '#E4EBF1FF', '--inverse-outline-solid-default-active': '#D6E0EAFF', '--inverse-outline-solid-default': '#F7F9FB', + '--data-default-data-positive-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0%, rgba(0, 172, 123, 0.68) 30.401%, rgba(237, 248, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-default-data-positive-gradient-hover': '#FFFFFF', + '--data-default-data-positive-gradient-active': '#FFFFFF', + '--data-default-data-warning-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(250, 95, 5) 0%, rgba(253, 156, 104, 0.68) 30.401%, rgba(255, 246, 229, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-default-data-warning-gradient-hover': '#FFFFFF', + '--data-default-data-warning-gradient-active': '#FFFFFF', + '--data-default-data-negative-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 143, 154, 0.68) 30.401%, rgba(254, 226, 210, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-default-data-negative-gradient-hover': '#FFFFFF', + '--data-default-data-negative-gradient-active': '#FFFFFF', + '--data-default-data-info-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 186, 255, 0.68) 30.401%, rgba(207, 236, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-default-data-info-gradient-hover': '#FFFFFF', + '--data-default-data-info-gradient-active': '#FFFFFF', '--data-default-data-yellow': '#F3A912', '--data-default-data-yellow-hover': '#F5B638FF', '--data-default-data-yellow-active': '#E49C0CFF', @@ -842,6 +858,22 @@ export const sdds_finai__light = { '--data-default-data-green-transparent-active': '#1A9E3247', '--data-default-data-orange-transparent-hover': '#FA5F0542', '--data-default-data-orange-transparent-active': '#FA5F0547', + '--data-on-dark-data-positive-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0.302%, rgba(0, 172, 123, 0.68) 30.285%, rgba(0, 125, 128, 0.32) 54.577%, rgba(6, 10, 12, 0) 74.407%)', + '--data-on-dark-data-positive-gradient-hover': '#FFFFFF', + '--data-on-dark-data-positive-gradient-active': '#FFFFFF', + '--data-on-dark-data-warning-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 112, 36) 0%, rgba(255, 112, 36, 0.68) 30.401%, rgba(133, 56, 12, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-on-dark-data-warning-gradient-hover': '#FFFFFF', + '--data-on-dark-data-warning-gradient-active': '#FFFFFF', + '--data-on-dark-data-negative-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 61, 81, 0.68) 30.401%, rgba(156, 20, 34, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-on-dark-data-negative-gradient-hover': '#FFFFFF', + '--data-on-dark-data-negative-gradient-active': '#FFFFFF', + '--data-on-dark-data-info-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 142, 255, 0.68) 30.401%, rgba(12, 114, 182, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-on-dark-data-info-gradient-hover': '#FFFFFF', + '--data-on-dark-data-info-gradient-active': '#FFFFFF', '--data-on-dark-data-yellow-hover': '#B87A00FF', '--data-on-dark-data-yellow-active': '#8F5F00FF', '--data-on-dark-data-yellow-minor-hover': '#5D3F04FF', @@ -940,6 +972,22 @@ export const sdds_finai__light = { '--data-on-dark-data-green-transparent-active': '#1A9E3252', '--data-on-dark-data-blue-transparent-hover': '#118CDF4D', '--data-on-dark-data-blue-transparent-active': '#118CDF52', + '--data-on-light-data-positive-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0%, rgba(0, 172, 123, 0.68) 30.401%, rgba(237, 248, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-on-light-data-positive-gradient-hover': '#FFFFFF', + '--data-on-light-data-positive-gradient-active': '#FFFFFF', + '--data-on-light-data-warning-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(250, 95, 5) 0%, rgba(253, 156, 104, 0.68) 30.401%, rgba(255, 246, 229, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-on-light-data-warning-gradient-hover': '#FFFFFF', + '--data-on-light-data-warning-gradient-active': '#FFFFFF', + '--data-on-light-data-negative-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 143, 154, 0.68) 30.401%, rgba(254, 226, 210, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-on-light-data-negative-gradient-hover': '#FFFFFF', + '--data-on-light-data-negative-gradient-active': '#FFFFFF', + '--data-on-light-data-info-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 186, 255, 0.68) 30.401%, rgba(207, 236, 255, 0.32) 54.577%, rgba(255, 255, 255, 0) 73.282%)', + '--data-on-light-data-info-gradient-hover': '#FFFFFF', + '--data-on-light-data-info-gradient-active': '#FFFFFF', '--data-on-light-data-yellow': '#F3A912', '--data-on-light-data-yellow-hover': '#F5B638FF', '--data-on-light-data-yellow-active': '#E49C0CFF', @@ -1038,6 +1086,22 @@ export const sdds_finai__light = { '--data-on-light-data-green-transparent-active': '#1A9E3247', '--data-on-light-data-orange-transparent-hover': '#FA5F0542', '--data-on-light-data-orange-transparent-active': '#FA5F0547', + '--data-inverse-data-positive-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(26, 158, 50) 0.302%, rgba(0, 172, 123, 0.68) 30.285%, rgba(0, 125, 128, 0.32) 54.577%, rgba(6, 10, 12, 0) 74.407%)', + '--data-inverse-data-positive-gradient-hover': '#FFFFFF', + '--data-inverse-data-positive-gradient-active': '#FFFFFF', + '--data-inverse-data-warning-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 112, 36) 0%, rgba(255, 112, 36, 0.68) 30.401%, rgba(133, 56, 12, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-inverse-data-warning-gradient-hover': '#FFFFFF', + '--data-inverse-data-warning-gradient-active': '#FFFFFF', + '--data-inverse-data-negative-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(255, 41, 62) 0%, rgba(255, 61, 81, 0.68) 30.401%, rgba(156, 20, 34, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-inverse-data-negative-gradient-hover': '#FFFFFF', + '--data-inverse-data-negative-gradient-active': '#FFFFFF', + '--data-inverse-data-info-gradient': + 'radial-gradient(74.00% 74.00% at 50% 50%, rgb(17, 140, 223) 0%, rgba(82, 142, 255, 0.68) 30.401%, rgba(12, 114, 182, 0.32) 54.577%, rgba(6, 10, 12, 0) 73.282%)', + '--data-inverse-data-info-gradient-hover': '#FFFFFF', + '--data-inverse-data-info-gradient-active': '#FFFFFF', '--data-inverse-data-yellow': '#A16B00', '--data-inverse-data-yellow-hover': '#B87A00FF', '--data-inverse-data-yellow-active': '#8F5F00FF', diff --git a/packages/themes/sdds-themes/src/css/sdds_finai.module.css b/packages/themes/sdds-themes/src/css/sdds_finai.module.css index 0fd4fb9954..fd4e6c182d 100644 --- a/packages/themes/sdds-themes/src/css/sdds_finai.module.css +++ b/packages/themes/sdds-themes/src/css/sdds_finai.module.css @@ -940,6 +940,54 @@ --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --data-positive-gradient-hover: #FFFFFF; + --data-positive-gradient-active: #FFFFFF; + --data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --data-warning-gradient-hover: #FFFFFF; + --data-warning-gradient-active: #FFFFFF; + --data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --data-negative-gradient-hover: #FFFFFF; + --data-negative-gradient-active: #FFFFFF; + --data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --data-info-gradient-hover: #FFFFFF; + --data-info-gradient-active: #FFFFFF; + --on-dark-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --on-dark-data-positive-gradient-hover: #FFFFFF; + --on-dark-data-positive-gradient-active: #FFFFFF; + --on-dark-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --on-dark-data-warning-gradient-hover: #FFFFFF; + --on-dark-data-warning-gradient-active: #FFFFFF; + --on-dark-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --on-dark-data-negative-gradient-hover: #FFFFFF; + --on-dark-data-negative-gradient-active: #FFFFFF; + --on-dark-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --on-dark-data-info-gradient-hover: #FFFFFF; + --on-dark-data-info-gradient-active: #FFFFFF; + --on-light-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-positive-gradient-hover: #FFFFFF; + --on-light-data-positive-gradient-active: #FFFFFF; + --on-light-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --on-light-data-warning-gradient-hover: #FFFFFF; + --on-light-data-warning-gradient-active: #FFFFFF; + --on-light-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --on-light-data-negative-gradient-hover: #FFFFFF; + --on-light-data-negative-gradient-active: #FFFFFF; + --on-light-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-info-gradient-hover: #FFFFFF; + --on-light-data-info-gradient-active: #FFFFFF; + --inverse-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --inverse-data-positive-gradient-hover: #FFFFFF; + --inverse-data-positive-gradient-active: #FFFFFF; + --inverse-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --inverse-data-warning-gradient-hover: #FFFFFF; + --inverse-data-warning-gradient-active: #FFFFFF; + --inverse-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --inverse-data-negative-gradient-hover: #FFFFFF; + --inverse-data-negative-gradient-active: #FFFFFF; + --inverse-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --inverse-data-info-gradient-hover: #FFFFFF; + --inverse-data-info-gradient-active: #FFFFFF; } .light { @@ -2104,6 +2152,54 @@ --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --data-positive-gradient-hover: #FFFFFF; + --data-positive-gradient-active: #FFFFFF; + --data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --data-warning-gradient-hover: #FFFFFF; + --data-warning-gradient-active: #FFFFFF; + --data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --data-negative-gradient-hover: #FFFFFF; + --data-negative-gradient-active: #FFFFFF; + --data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --data-info-gradient-hover: #FFFFFF; + --data-info-gradient-active: #FFFFFF; + --on-dark-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --on-dark-data-positive-gradient-hover: #FFFFFF; + --on-dark-data-positive-gradient-active: #FFFFFF; + --on-dark-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --on-dark-data-warning-gradient-hover: #FFFFFF; + --on-dark-data-warning-gradient-active: #FFFFFF; + --on-dark-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --on-dark-data-negative-gradient-hover: #FFFFFF; + --on-dark-data-negative-gradient-active: #FFFFFF; + --on-dark-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --on-dark-data-info-gradient-hover: #FFFFFF; + --on-dark-data-info-gradient-active: #FFFFFF; + --on-light-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-positive-gradient-hover: #FFFFFF; + --on-light-data-positive-gradient-active: #FFFFFF; + --on-light-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --on-light-data-warning-gradient-hover: #FFFFFF; + --on-light-data-warning-gradient-active: #FFFFFF; + --on-light-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --on-light-data-negative-gradient-hover: #FFFFFF; + --on-light-data-negative-gradient-active: #FFFFFF; + --on-light-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-info-gradient-hover: #FFFFFF; + --on-light-data-info-gradient-active: #FFFFFF; + --inverse-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --inverse-data-positive-gradient-hover: #FFFFFF; + --inverse-data-positive-gradient-active: #FFFFFF; + --inverse-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --inverse-data-warning-gradient-hover: #FFFFFF; + --inverse-data-warning-gradient-active: #FFFFFF; + --inverse-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --inverse-data-negative-gradient-hover: #FFFFFF; + --inverse-data-negative-gradient-active: #FFFFFF; + --inverse-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --inverse-data-info-gradient-hover: #FFFFFF; + --inverse-data-info-gradient-active: #FFFFFF; } .dark, .light { diff --git a/packages/themes/sdds-themes/src/css/sdds_finai__dark.css b/packages/themes/sdds-themes/src/css/sdds_finai__dark.css index 97f57cd776..4b258ffb9d 100644 --- a/packages/themes/sdds-themes/src/css/sdds_finai__dark.css +++ b/packages/themes/sdds-themes/src/css/sdds_finai__dark.css @@ -940,6 +940,54 @@ --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --data-positive-gradient-hover: #FFFFFF; + --data-positive-gradient-active: #FFFFFF; + --data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --data-warning-gradient-hover: #FFFFFF; + --data-warning-gradient-active: #FFFFFF; + --data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --data-negative-gradient-hover: #FFFFFF; + --data-negative-gradient-active: #FFFFFF; + --data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --data-info-gradient-hover: #FFFFFF; + --data-info-gradient-active: #FFFFFF; + --on-dark-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --on-dark-data-positive-gradient-hover: #FFFFFF; + --on-dark-data-positive-gradient-active: #FFFFFF; + --on-dark-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --on-dark-data-warning-gradient-hover: #FFFFFF; + --on-dark-data-warning-gradient-active: #FFFFFF; + --on-dark-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --on-dark-data-negative-gradient-hover: #FFFFFF; + --on-dark-data-negative-gradient-active: #FFFFFF; + --on-dark-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --on-dark-data-info-gradient-hover: #FFFFFF; + --on-dark-data-info-gradient-active: #FFFFFF; + --on-light-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-positive-gradient-hover: #FFFFFF; + --on-light-data-positive-gradient-active: #FFFFFF; + --on-light-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --on-light-data-warning-gradient-hover: #FFFFFF; + --on-light-data-warning-gradient-active: #FFFFFF; + --on-light-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --on-light-data-negative-gradient-hover: #FFFFFF; + --on-light-data-negative-gradient-active: #FFFFFF; + --on-light-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-info-gradient-hover: #FFFFFF; + --on-light-data-info-gradient-active: #FFFFFF; + --inverse-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --inverse-data-positive-gradient-hover: #FFFFFF; + --inverse-data-positive-gradient-active: #FFFFFF; + --inverse-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --inverse-data-warning-gradient-hover: #FFFFFF; + --inverse-data-warning-gradient-active: #FFFFFF; + --inverse-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --inverse-data-negative-gradient-hover: #FFFFFF; + --inverse-data-negative-gradient-active: #FFFFFF; + --inverse-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --inverse-data-info-gradient-hover: #FFFFFF; + --inverse-data-info-gradient-active: #FFFFFF; } :root { diff --git a/packages/themes/sdds-themes/src/css/sdds_finai__light.css b/packages/themes/sdds-themes/src/css/sdds_finai__light.css index 448055c8ce..b9129bfbaa 100644 --- a/packages/themes/sdds-themes/src/css/sdds_finai__light.css +++ b/packages/themes/sdds-themes/src/css/sdds_finai__light.css @@ -1162,6 +1162,54 @@ --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --data-positive-gradient-hover: #FFFFFF; + --data-positive-gradient-active: #FFFFFF; + --data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --data-warning-gradient-hover: #FFFFFF; + --data-warning-gradient-active: #FFFFFF; + --data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --data-negative-gradient-hover: #FFFFFF; + --data-negative-gradient-active: #FFFFFF; + --data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --data-info-gradient-hover: #FFFFFF; + --data-info-gradient-active: #FFFFFF; + --on-dark-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --on-dark-data-positive-gradient-hover: #FFFFFF; + --on-dark-data-positive-gradient-active: #FFFFFF; + --on-dark-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --on-dark-data-warning-gradient-hover: #FFFFFF; + --on-dark-data-warning-gradient-active: #FFFFFF; + --on-dark-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --on-dark-data-negative-gradient-hover: #FFFFFF; + --on-dark-data-negative-gradient-active: #FFFFFF; + --on-dark-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --on-dark-data-info-gradient-hover: #FFFFFF; + --on-dark-data-info-gradient-active: #FFFFFF; + --on-light-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-positive-gradient-hover: #FFFFFF; + --on-light-data-positive-gradient-active: #FFFFFF; + --on-light-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --on-light-data-warning-gradient-hover: #FFFFFF; + --on-light-data-warning-gradient-active: #FFFFFF; + --on-light-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --on-light-data-negative-gradient-hover: #FFFFFF; + --on-light-data-negative-gradient-active: #FFFFFF; + --on-light-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-info-gradient-hover: #FFFFFF; + --on-light-data-info-gradient-active: #FFFFFF; + --inverse-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --inverse-data-positive-gradient-hover: #FFFFFF; + --inverse-data-positive-gradient-active: #FFFFFF; + --inverse-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --inverse-data-warning-gradient-hover: #FFFFFF; + --inverse-data-warning-gradient-active: #FFFFFF; + --inverse-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --inverse-data-negative-gradient-hover: #FFFFFF; + --inverse-data-negative-gradient-active: #FFFFFF; + --inverse-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --inverse-data-info-gradient-hover: #FFFFFF; + --inverse-data-info-gradient-active: #FFFFFF; } :root { diff --git a/packages/themes/sdds-themes/src/themes/sdds_finai__dark.ts b/packages/themes/sdds-themes/src/themes/sdds_finai__dark.ts index 35cd027ae0..3cb7ece309 100644 --- a/packages/themes/sdds-themes/src/themes/sdds_finai__dark.ts +++ b/packages/themes/sdds-themes/src/themes/sdds_finai__dark.ts @@ -942,6 +942,54 @@ export const sdds_finai__dark = ([ --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%); --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --data-positive-gradient-hover: #FFFFFF; + --data-positive-gradient-active: #FFFFFF; + --data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --data-warning-gradient-hover: #FFFFFF; + --data-warning-gradient-active: #FFFFFF; + --data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --data-negative-gradient-hover: #FFFFFF; + --data-negative-gradient-active: #FFFFFF; + --data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --data-info-gradient-hover: #FFFFFF; + --data-info-gradient-active: #FFFFFF; + --on-dark-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --on-dark-data-positive-gradient-hover: #FFFFFF; + --on-dark-data-positive-gradient-active: #FFFFFF; + --on-dark-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --on-dark-data-warning-gradient-hover: #FFFFFF; + --on-dark-data-warning-gradient-active: #FFFFFF; + --on-dark-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --on-dark-data-negative-gradient-hover: #FFFFFF; + --on-dark-data-negative-gradient-active: #FFFFFF; + --on-dark-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --on-dark-data-info-gradient-hover: #FFFFFF; + --on-dark-data-info-gradient-active: #FFFFFF; + --on-light-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-positive-gradient-hover: #FFFFFF; + --on-light-data-positive-gradient-active: #FFFFFF; + --on-light-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --on-light-data-warning-gradient-hover: #FFFFFF; + --on-light-data-warning-gradient-active: #FFFFFF; + --on-light-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --on-light-data-negative-gradient-hover: #FFFFFF; + --on-light-data-negative-gradient-active: #FFFFFF; + --on-light-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-info-gradient-hover: #FFFFFF; + --on-light-data-info-gradient-active: #FFFFFF; + --inverse-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --inverse-data-positive-gradient-hover: #FFFFFF; + --inverse-data-positive-gradient-active: #FFFFFF; + --inverse-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --inverse-data-warning-gradient-hover: #FFFFFF; + --inverse-data-warning-gradient-active: #FFFFFF; + --inverse-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --inverse-data-negative-gradient-hover: #FFFFFF; + --inverse-data-negative-gradient-active: #FFFFFF; + --inverse-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --inverse-data-info-gradient-hover: #FFFFFF; + --inverse-data-info-gradient-active: #FFFFFF; } :root { diff --git a/packages/themes/sdds-themes/src/themes/sdds_finai__light.ts b/packages/themes/sdds-themes/src/themes/sdds_finai__light.ts index 191c133076..18a1f975c4 100644 --- a/packages/themes/sdds-themes/src/themes/sdds_finai__light.ts +++ b/packages/themes/sdds-themes/src/themes/sdds_finai__light.ts @@ -1164,6 +1164,54 @@ export const sdds_finai__light = ([ --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%); --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF; --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF; + --data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --data-positive-gradient-hover: #FFFFFF; + --data-positive-gradient-active: #FFFFFF; + --data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --data-warning-gradient-hover: #FFFFFF; + --data-warning-gradient-active: #FFFFFF; + --data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --data-negative-gradient-hover: #FFFFFF; + --data-negative-gradient-active: #FFFFFF; + --data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --data-info-gradient-hover: #FFFFFF; + --data-info-gradient-active: #FFFFFF; + --on-dark-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --on-dark-data-positive-gradient-hover: #FFFFFF; + --on-dark-data-positive-gradient-active: #FFFFFF; + --on-dark-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --on-dark-data-warning-gradient-hover: #FFFFFF; + --on-dark-data-warning-gradient-active: #FFFFFF; + --on-dark-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --on-dark-data-negative-gradient-hover: #FFFFFF; + --on-dark-data-negative-gradient-active: #FFFFFF; + --on-dark-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --on-dark-data-info-gradient-hover: #FFFFFF; + --on-dark-data-info-gradient-active: #FFFFFF; + --on-light-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-positive-gradient-hover: #FFFFFF; + --on-light-data-positive-gradient-active: #FFFFFF; + --on-light-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%); + --on-light-data-warning-gradient-hover: #FFFFFF; + --on-light-data-warning-gradient-active: #FFFFFF; + --on-light-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%); + --on-light-data-negative-gradient-hover: #FFFFFF; + --on-light-data-negative-gradient-active: #FFFFFF; + --on-light-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%); + --on-light-data-info-gradient-hover: #FFFFFF; + --on-light-data-info-gradient-active: #FFFFFF; + --inverse-data-positive-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%); + --inverse-data-positive-gradient-hover: #FFFFFF; + --inverse-data-positive-gradient-active: #FFFFFF; + --inverse-data-warning-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%); + --inverse-data-warning-gradient-hover: #FFFFFF; + --inverse-data-warning-gradient-active: #FFFFFF; + --inverse-data-negative-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%); + --inverse-data-negative-gradient-hover: #FFFFFF; + --inverse-data-negative-gradient-active: #FFFFFF; + --inverse-data-info-gradient: radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%); + --inverse-data-info-gradient-hover: #FFFFFF; + --inverse-data-info-gradient-active: #FFFFFF; } :root { diff --git a/packages/themes/sdds-themes/src/tokens/sdds_finai/index.ts b/packages/themes/sdds-themes/src/tokens/sdds_finai/index.ts index 06fb7e9661..e0136f0030 100644 --- a/packages/themes/sdds-themes/src/tokens/sdds_finai/index.ts +++ b/packages/themes/sdds-themes/src/tokens/sdds_finai/index.ts @@ -2816,6 +2816,166 @@ export const inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-sk export const inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)'; +/** Цвет успеха с градиентом */ +export const dataPositiveGradient = + 'var(--data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%))'; + +/** Цвет успеха с градиентом */ +export const dataPositiveGradientHover = 'var(--data-positive-gradient-hover, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const dataPositiveGradientActive = 'var(--data-positive-gradient-active, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const dataWarningGradient = + 'var(--data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%))'; + +/** Цвет предупреждения с градиентом */ +export const dataWarningGradientHover = 'var(--data-warning-gradient-hover, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const dataWarningGradientActive = 'var(--data-warning-gradient-active, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const dataNegativeGradient = + 'var(--data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%))'; + +/** Цвет ошибки с градиентом */ +export const dataNegativeGradientHover = 'var(--data-negative-gradient-hover, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const dataNegativeGradientActive = 'var(--data-negative-gradient-active, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const dataInfoGradient = + 'var(--data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%))'; + +/** Цвет информации с градиентом */ +export const dataInfoGradientHover = 'var(--data-info-gradient-hover, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const dataInfoGradientActive = 'var(--data-info-gradient-active, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const onDarkDataPositiveGradient = + 'var(--on-dark-data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%))'; + +/** Цвет успеха с градиентом */ +export const onDarkDataPositiveGradientHover = 'var(--on-dark-data-positive-gradient-hover, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const onDarkDataPositiveGradientActive = 'var(--on-dark-data-positive-gradient-active, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const onDarkDataWarningGradient = + 'var(--on-dark-data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF7024FF 0%, #FF7024AD 30.401%, #85380C52 54.577%, #060A0C00 73.282%))'; + +/** Цвет предупреждения с градиентом */ +export const onDarkDataWarningGradientHover = 'var(--on-dark-data-warning-gradient-hover, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const onDarkDataWarningGradientActive = 'var(--on-dark-data-warning-gradient-active, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const onDarkDataNegativeGradient = + 'var(--on-dark-data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF3D51AD 30.401%, #9C142252 54.577%, #060A0C00 73.282%))'; + +/** Цвет ошибки с градиентом */ +export const onDarkDataNegativeGradientHover = 'var(--on-dark-data-negative-gradient-hover, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const onDarkDataNegativeGradientActive = 'var(--on-dark-data-negative-gradient-active, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const onDarkDataInfoGradient = + 'var(--on-dark-data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #528EFFAD 30.401%, #0C72B652 54.577%, #060A0C00 73.282%))'; + +/** Цвет информации с градиентом */ +export const onDarkDataInfoGradientHover = 'var(--on-dark-data-info-gradient-hover, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const onDarkDataInfoGradientActive = 'var(--on-dark-data-info-gradient-active, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const onLightDataPositiveGradient = + 'var(--on-light-data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%))'; + +/** Цвет успеха с градиентом */ +export const onLightDataPositiveGradientHover = 'var(--on-light-data-positive-gradient-hover, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const onLightDataPositiveGradientActive = 'var(--on-light-data-positive-gradient-active, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const onLightDataWarningGradient = + 'var(--on-light-data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%))'; + +/** Цвет предупреждения с градиентом */ +export const onLightDataWarningGradientHover = 'var(--on-light-data-warning-gradient-hover, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const onLightDataWarningGradientActive = 'var(--on-light-data-warning-gradient-active, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const onLightDataNegativeGradient = + 'var(--on-light-data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%))'; + +/** Цвет ошибки с градиентом */ +export const onLightDataNegativeGradientHover = 'var(--on-light-data-negative-gradient-hover, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const onLightDataNegativeGradientActive = 'var(--on-light-data-negative-gradient-active, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const onLightDataInfoGradient = + 'var(--on-light-data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%))'; + +/** Цвет информации с градиентом */ +export const onLightDataInfoGradientHover = 'var(--on-light-data-info-gradient-hover, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const onLightDataInfoGradientActive = 'var(--on-light-data-info-gradient-active, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const inverseDataPositiveGradient = + 'var(--inverse-data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0%, #00AC7BAD 30.401%, #EDF8FF52 54.577%, #FFFFFF00 73.282%))'; + +/** Цвет успеха с градиентом */ +export const inverseDataPositiveGradientHover = 'var(--inverse-data-positive-gradient-hover, #FFFFFF)'; + +/** Цвет успеха с градиентом */ +export const inverseDataPositiveGradientActive = 'var(--inverse-data-positive-gradient-active, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const inverseDataWarningGradient = + 'var(--inverse-data-warning-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FA5F05FF 0%, #FD9C68AD 30.401%, #FFF6E552 54.577%, #FFFFFF00 73.282%))'; + +/** Цвет предупреждения с градиентом */ +export const inverseDataWarningGradientHover = 'var(--inverse-data-warning-gradient-hover, #FFFFFF)'; + +/** Цвет предупреждения с градиентом */ +export const inverseDataWarningGradientActive = 'var(--inverse-data-warning-gradient-active, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const inverseDataNegativeGradient = + 'var(--inverse-data-negative-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #FF293EFF 0%, #FF8F9AAD 30.401%, #FEE2D252 54.577%, #FFFFFF00 73.282%))'; + +/** Цвет ошибки с градиентом */ +export const inverseDataNegativeGradientHover = 'var(--inverse-data-negative-gradient-hover, #FFFFFF)'; + +/** Цвет ошибки с градиентом */ +export const inverseDataNegativeGradientActive = 'var(--inverse-data-negative-gradient-active, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const inverseDataInfoGradient = + 'var(--inverse-data-info-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #118CDFFF 0%, #52BAFFAD 30.401%, #CFECFF52 54.577%, #FFFFFF00 73.282%))'; + +/** Цвет информации с градиентом */ +export const inverseDataInfoGradientHover = 'var(--inverse-data-info-gradient-hover, #FFFFFF)'; + +/** Цвет информации с градиентом */ +export const inverseDataInfoGradientActive = 'var(--inverse-data-info-gradient-active, #FFFFFF)'; + /** shadow down soft s */ export const shadowDownSoftS = 'var(--shadow-down-soft-s, 0px 4px 14px -4px #08080814,0px 1px 4px -1px #0000000A)'; @@ -3898,6 +4058,30 @@ export const viewContainer = { --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient); --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover); --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active); + --data-positive-gradient: var(--on-dark-data-positive-gradient); + --data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover); + --data-positive-gradient-active: var(--on-dark-data-positive-gradient-active); + --data-warning-gradient: var(--on-dark-data-warning-gradient); + --data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover); + --data-warning-gradient-active: var(--on-dark-data-warning-gradient-active); + --data-negative-gradient: var(--on-dark-data-negative-gradient); + --data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover); + --data-negative-gradient-active: var(--on-dark-data-negative-gradient-active); + --data-info-gradient: var(--on-dark-data-info-gradient); + --data-info-gradient-hover: var(--on-dark-data-info-gradient-hover); + --data-info-gradient-active: var(--on-dark-data-info-gradient-active); + --inverse-data-positive-gradient: var(--on-light-data-positive-gradient); + --inverse-data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover); + --inverse-data-positive-gradient-active: var(--on-light-data-positive-gradient-active); + --inverse-data-warning-gradient: var(--on-light-data-warning-gradient); + --inverse-data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover); + --inverse-data-warning-gradient-active: var(--on-light-data-warning-gradient-active); + --inverse-data-negative-gradient: var(--on-light-data-negative-gradient); + --inverse-data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover); + --inverse-data-negative-gradient-active: var(--on-light-data-negative-gradient-active); + --inverse-data-info-gradient: var(--on-light-data-info-gradient); + --inverse-data-info-gradient-hover: var(--on-light-data-info-gradient-hover); + --inverse-data-info-gradient-active: var(--on-light-data-info-gradient-active); `, light: ` --text-primary-hover: var(--on-light-text-primary-hover); @@ -4478,5 +4662,29 @@ export const viewContainer = { --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient); --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover); --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active); + --data-positive-gradient: var(--on-light-data-positive-gradient); + --data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover); + --data-positive-gradient-active: var(--on-light-data-positive-gradient-active); + --data-warning-gradient: var(--on-light-data-warning-gradient); + --data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover); + --data-warning-gradient-active: var(--on-light-data-warning-gradient-active); + --data-negative-gradient: var(--on-light-data-negative-gradient); + --data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover); + --data-negative-gradient-active: var(--on-light-data-negative-gradient-active); + --data-info-gradient: var(--on-light-data-info-gradient); + --data-info-gradient-hover: var(--on-light-data-info-gradient-hover); + --data-info-gradient-active: var(--on-light-data-info-gradient-active); + --inverse-data-positive-gradient: var(--on-dark-data-positive-gradient); + --inverse-data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover); + --inverse-data-positive-gradient-active: var(--on-dark-data-positive-gradient-active); + --inverse-data-warning-gradient: var(--on-dark-data-warning-gradient); + --inverse-data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover); + --inverse-data-warning-gradient-active: var(--on-dark-data-warning-gradient-active); + --inverse-data-negative-gradient: var(--on-dark-data-negative-gradient); + --inverse-data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover); + --inverse-data-negative-gradient-active: var(--on-dark-data-negative-gradient-active); + --inverse-data-info-gradient: var(--on-dark-data-info-gradient); + --inverse-data-info-gradient-hover: var(--on-dark-data-info-gradient-hover); + --inverse-data-info-gradient-active: var(--on-dark-data-info-gradient-active); `, };