@ptsecurity/mosaic 13.9.2 → 13.10.0

package/fesm2020/ptsecurity-mosaic-design-tokens.mjs

@@ -2479,26 +2479,26 @@ const DarkColorSchemeSuccessDefault = "#016b37";
 const DarkColorSchemeSuccessPalette = { "40": { "value": "#ecf9ef", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#ecf9ef" }, "name": "PaletteGreen40", "attributes": { "category": "palette", "type": "green", "item": "40" }, "path": ["palette", "green", "40"] }, "60": { "value": "#d2f7db", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#d2f7db" }, "name": "PaletteGreen60", "attributes": { "category": "palette", "type": "green", "item": "60" }, "path": ["palette", "green", "60"] }, "100": { "value": "#b6ebc3", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#b6ebc3" }, "name": "PaletteGreen100", "attributes": { "category": "palette", "type": "green", "item": "100" }, "path": ["palette", "green", "100"] }, "200": { "value": "#8ed5a1", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#8ed5a1" }, "name": "PaletteGreen200", "attributes": { "category": "palette", "type": "green", "item": "200" }, "path": ["palette", "green", "200"] }, "300": { "value": "#4ba96c", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4ba96c" }, "name": "PaletteGreen300", "attributes": { "category": "palette", "type": "green", "item": "300" }, "path": ["palette", "green", "300"] }, "400": { "value": "#319d5c", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#319d5c" }, "name": "PaletteGreen400", "attributes": { "category": "palette", "type": "green", "item": "400" }, "path": ["palette", "green", "400"] }, "500": { "value": "#028b49", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#028b49" }, "name": "PaletteGreen500", "attributes": { "category": "palette", "type": "green", "item": "500" }, "path": ["palette", "green", "500"] }, "560": { "value": "#016b37", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#016b37" }, "name": "PaletteGreen560", "attributes": { "category": "palette", "type": "green", "item": "560" }, "path": ["palette", "green", "560"] }, "600": { "value": "#015a2d", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#015a2d" }, "name": "PaletteGreen600", "attributes": { "category": "palette", "type": "green", "item": "600" }, "path": ["palette", "green", "600"] }, "700": { "value": "#004823", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#004823" }, "name": "PaletteGreen700", "attributes": { "category": "palette", "type": "green", "item": "700" }, "path": ["palette", "green", "700"] }, "800": { "value": "#103920", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#103920" }, "name": "PaletteGreen800", "attributes": { "category": "palette", "type": "green", "item": "800" }, "path": ["palette", "green", "800"] }, "900": { "value": "#002a12", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#002a12" }, "name": "PaletteGreen900", "attributes": { "category": "palette", "type": "green", "item": "900" }, "path": ["palette", "green", "900"] }, "1000": { "value": "#00210c", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#00210c" }, "name": "PaletteGreen1000", "attributes": { "category": "palette", "type": "green", "item": "1000" }, "path": ["palette", "green", "1000"] }, "A100": { "value": "rgba(2, 139, 73, 0.15)", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "rgba(2, 139, 73, 0.15)" }, "name": "PaletteGreenA100", "attributes": { "category": "palette", "type": "green", "item": "A100" }, "path": ["palette", "green", "A100"] }, "contrast": { "40": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteGreenContrast40", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "40" }, "path": ["palette", "green", "contrast", "40"] }, "60": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteGreenContrast60", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "60" }, "path": ["palette", "green", "contrast", "60"] }, "100": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteGreenContrast100", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "100" }, "path": ["palette", "green", "contrast", "100"] }, "200": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteGreenContrast200", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "200" }, "path": ["palette", "green", "contrast", "200"] }, "300": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteGreenContrast300", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "300" }, "path": ["palette", "green", "contrast", "300"] }, "400": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteGreenContrast400", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "400" }, "path": ["palette", "green", "contrast", "400"] }, "500": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteGreenContrast500", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "500" }, "path": ["palette", "green", "contrast", "500"] }, "560": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteGreenContrast560", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "560" }, "path": ["palette", "green", "contrast", "560"] }, "600": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteGreenContrast600", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "600" }, "path": ["palette", "green", "contrast", "600"] }, "700": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteGreenContrast700", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "700" }, "path": ["palette", "green", "contrast", "700"] }, "800": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteGreenContrast800", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "800" }, "path": ["palette", "green", "contrast", "800"] }, "A100": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteGreenContrastA100", "attributes": { "category": "palette", "type": "green", "item": "contrast", "subitem": "A100" }, "path": ["palette", "green", "contrast", "A100"] } } };
 const DarkColorSchemeWarningDefault = "#7e5406";
 const DarkColorSchemeWarningPalette = { "40": { "value": "#fff4dd", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#fff4dd" }, "name": "PaletteYellow40", "attributes": { "category": "palette", "type": "yellow", "item": "40" }, "path": ["palette", "yellow", "40"] }, "60": { "value": "#ffecce", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#ffecce" }, "name": "PaletteYellow60", "attributes": { "category": "palette", "type": "yellow", "item": "60" }, "path": ["palette", "yellow", "60"] }, "100": { "value": "#fcdda6", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#fcdda6" }, "name": "PaletteYellow100", "attributes": { "category": "palette", "type": "yellow", "item": "100" }, "path": ["palette", "yellow", "100"] }, "200": { "value": "#f5c23c", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#f5c23c" }, "name": "PaletteYellow200", "attributes": { "category": "palette", "type": "yellow", "item": "200" }, "path": ["palette", "yellow", "200"] }, "300": { "value": "#e19f12", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#e19f12" }, "name": "PaletteYellow300", "attributes": { "category": "palette", "type": "yellow", "item": "300" }, "path": ["palette", "yellow", "300"] }, "400": { "value": "#c78816", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#c78816" }, "name": "PaletteYellow400", "attributes": { "category": "palette", "type": "yellow", "item": "400" }, "path": ["palette", "yellow", "400"] }, "500": { "value": "#a26e0c", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#a26e0c" }, "name": "PaletteYellow500", "attributes": { "category": "palette", "type": "yellow", "item": "500" }, "path": ["palette", "yellow", "500"] }, "560": { "value": "#7e5406", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#7e5406" }, "name": "PaletteYellow560", "attributes": { "category": "palette", "type": "yellow", "item": "560" }, "path": ["palette", "yellow", "560"] }, "600": { "value": "#6b4804", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#6b4804" }, "name": "PaletteYellow600", "attributes": { "category": "palette", "type": "yellow", "item": "600" }, "path": ["palette", "yellow", "600"] }, "700": { "value": "#543803", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#543803" }, "name": "PaletteYellow700", "attributes": { "category": "palette", "type": "yellow", "item": "700" }, "path": ["palette", "yellow", "700"] }, "800": { "value": "#3e3015", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#3e3015" }, "name": "PaletteYellow800", "attributes": { "category": "palette", "type": "yellow", "item": "800" }, "path": ["palette", "yellow", "800"] }, "900": { "value": "#312001", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#312001" }, "name": "PaletteYellow900", "attributes": { "category": "palette", "type": "yellow", "item": "900" }, "path": ["palette", "yellow", "900"] }, "1000": { "value": "#1f1500", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#1f1500" }, "name": "PaletteYellow1000", "attributes": { "category": "palette", "type": "yellow", "item": "1000" }, "path": ["palette", "yellow", "1000"] }, "A100": { "value": "rgba(255, 159, 18, 0.15)", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "rgba(255, 159, 18, 0.15)" }, "name": "PaletteYellowA100", "attributes": { "category": "palette", "type": "yellow", "item": "A100" }, "path": ["palette", "yellow", "A100"] }, "contrast": { "40": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteYellowContrast40", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "40" }, "path": ["palette", "yellow", "contrast", "40"] }, "60": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteYellowContrast60", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "60" }, "path": ["palette", "yellow", "contrast", "60"] }, "100": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteYellowContrast100", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "100" }, "path": ["palette", "yellow", "contrast", "100"] }, "200": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteYellowContrast200", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "200" }, "path": ["palette", "yellow", "contrast", "200"] }, "300": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteYellowContrast300", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "300" }, "path": ["palette", "yellow", "contrast", "300"] }, "400": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteYellowContrast400", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "400" }, "path": ["palette", "yellow", "contrast", "400"] }, "500": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteYellowContrast500", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "500" }, "path": ["palette", "yellow", "contrast", "500"] }, "560": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteYellowContrast560", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "560" }, "path": ["palette", "yellow", "contrast", "560"] }, "600": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteYellowContrast600", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "600" }, "path": ["palette", "yellow", "contrast", "600"] }, "700": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteYellowContrast700", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "700" }, "path": ["palette", "yellow", "contrast", "700"] }, "800": { "value": "white", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteYellowContrast800", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "800" }, "path": ["palette", "yellow", "contrast", "800"] }, "A100": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/pt-2022/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteYellowContrastA100", "attributes": { "category": "palette", "type": "yellow", "item": "contrast", "subitem": "A100" }, "path": ["palette", "yellow", "contrast", "A100"] } } };
-const DarkColorSchemeForegroundText = "#f2f5f9";
+const DarkColorSchemeForegroundText = "#d7dee4";
 const DarkColorSchemeForegroundTextLessContrast = "#8c99a5";
 const DarkColorSchemeForegroundTextDisabled = "#6d7a86";
 const DarkColorSchemeForegroundTextError = "#ea5868";
 const DarkColorSchemeForegroundTextSuccess = "#319d5c";
-const DarkColorSchemeForegroundDivider = "#333f4a";
+const DarkColorSchemeForegroundDivider = "mix(#515e69, transparent, 50%)";
 const DarkColorSchemeForegroundBorder = "#515e69";
 const DarkColorSchemeForegroundIcon = "#8c99a5";
 const DarkColorSchemeBackgroundBackground = "#19252f";
 const DarkColorSchemeBackgroundBackgroundDisabled = "#333f4a";
 const DarkColorSchemeBackgroundBackgroundLessContrast = "#27333e";
 const DarkColorSchemeBackgroundBackgroundUnder = "#151e25";
-const DarkColorSchemeBackgroundOverlayHover = "rgba(black, 0.05)";
-const DarkColorSchemeBackgroundOverlayActive = "rgba(black, 0.1)";
+const DarkColorSchemeBackgroundOverlayHover = "rgba(white, 0.05)";
+const DarkColorSchemeBackgroundOverlayActive = "rgba(white, 0.1)";
 const DarkColorSchemeBackgroundOverlayDisabled = "rgba(black, 0.2)";
 const DarkColorSchemeStatesFocusedColor = "#4187ff";
 const DarkColorSchemeStatesFocusedColorError = "#b9023a";
-const DarkColorSchemeStatesSelectedColor = "#023c7f";
+const DarkColorSchemeStatesSelectedColor = "rgba(3, 116, 235, 0.3)";
 const DarkColorSchemeStatesPressedShadow = "inset 1px 2px 2px 0 rgba(black, 0.2)";
-const DarkColorSchemeStatesDisabledOpacity = 0.3;
+const DarkColorSchemeStatesDisabledOpacity = 0.45;
 const FontFamilyAccent = "'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 const FontFamilyBase = "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 const FontFamilyMonospace = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
@@ -3142,7 +3142,7 @@ const DatepickerToggleSizeHeight = "30px";
 const DatepickerBodyLightColorSchemeStatesSelectedColor = "#0374eb";
 const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#e7f1ff";
 const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#4187ff";
-const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#023c7f";
+const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "rgba(3, 116, 235, 0.3)";
 const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px";
 const DatepickerBodySizeCellMinSize = "32px";
 const DatepickerBodySizeCellMargin = "5%";
@@ -3162,13 +3162,13 @@ const DatepickerCalendarFontDefault = "body";
 const DatepickerCalendarFontHeader = "caption";
 const DatepickerInputSizeWidth = "130px";
 const DividerLightColorSchemeColor = "#d7dee4";
-const DividerDarkColorSchemeColor = "#333f4a";
+const DividerDarkColorSchemeColor = "mix(#515e69, transparent, 50%)";
 const DividerSizeWidth = "1px";
 const DividerSizeInsetMargin = "80px";
 const DescriptionListLightColorSchemeDt = "#6d7a86";
 const DescriptionListLightColorSchemeDd = "#19252f";
 const DescriptionListDarkColorSchemeDt = "#8c99a5";
-const DescriptionListDarkColorSchemeDd = "#f2f5f9";
+const DescriptionListDarkColorSchemeDd = "#d7dee4";
 const DescriptionListSizeGridTemplateColumns = "repeat(4, 1fr)";
 const DescriptionListSizeDtGridColumn = "1";
 const DescriptionListSizeDdGridColumn = "2 / span 3";
@@ -3204,7 +3204,7 @@ const FormFieldLightColorSchemeStatesInvalidBorder = "#db3c55";
 const FormFieldLightColorSchemeStatesInvalidBackground = "#fff3f3";
 const FormFieldDarkColorSchemeBorder = "#515e69";
 const FormFieldDarkColorSchemeBackground = "transparent";
-const FormFieldDarkColorSchemeStatesHoverBorder = "#515e69";
+const FormFieldDarkColorSchemeStatesHoverBorder = "#6d7a86";
 const FormFieldDarkColorSchemeStatesInvalidBorder = "#b9023a";
 const FormFieldDarkColorSchemeStatesInvalidBackground = "mix(#41000b, transparent, 30%)";
 const FormFieldSizeHeight = "32px";
@@ -3220,10 +3220,10 @@ const FormFieldPasswordHintLightColorSchemeStatesInvalidIconColor = "#ee6f79";
 const FormFieldPasswordHintLightColorSchemeStatesInvalidTextColor = "#19252f";
 const FormFieldPasswordHintLightColorSchemeStatesValidTextColor = "#016b37";
 const FormFieldPasswordHintLightColorSchemeStatesValidIconColor = "#4ba96c";
-const FormFieldPasswordHintDarkColorSchemeTextColor = "#f2f5f9";
+const FormFieldPasswordHintDarkColorSchemeTextColor = "#d7dee4";
 const FormFieldPasswordHintDarkColorSchemeIconColor = "#8c99a5";
 const FormFieldPasswordHintDarkColorSchemeStatesInvalidIconColor = "#ee6f79";
-const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#f2f5f9";
+const FormFieldPasswordHintDarkColorSchemeStatesInvalidTextColor = "#d7dee4";
 const FormFieldPasswordHintDarkColorSchemeStatesValidTextColor = "#319d5c";
 const FormFieldPasswordHintDarkColorSchemeStatesValidIconColor = "#4ba96c";
 const FormFieldPasswordHintSizeMarginTop = "8px";
@@ -3232,7 +3232,7 @@ const FormFieldPasswordHintFontDefault = "caption";
 const FormsLightColorSchemeLabel = "#6d7a86";
 const FormsLightColorSchemeLegend = "#19252f";
 const FormsDarkColorSchemeLabel = "#8c99a5";
-const FormsDarkColorSchemeLegend = "#f2f5f9";
+const FormsDarkColorSchemeLegend = "#d7dee4";
 const FormsSizeHorizontalRowMarginBottom = "20px";
 const FormsSizeHorizontalLabelPaddingTop = "6px";
 const FormsSizeHorizontalLabelPaddingBottom = "0";
@@ -3327,7 +3327,7 @@ const LoaderOverlayLightColorSchemeBackground = "mix(white, transparent, 90%)";
 const LoaderOverlayLightColorSchemeText = "#19252f";
 const LoaderOverlayLightColorSchemeCaption = "#6d7a86";
 const LoaderOverlayDarkColorSchemeBackground = "mix(#19252f, transparent, 90%)";
-const LoaderOverlayDarkColorSchemeText = "#f2f5f9";
+const LoaderOverlayDarkColorSchemeText = "#d7dee4";
 const LoaderOverlayDarkColorSchemeCaption = "#8c99a5";
 const LoaderOverlaySizeTextMaxWidth = "480px";
 const LoaderOverlaySizeFixedTopPadding = "72px";
@@ -3350,7 +3350,7 @@ const ModalSizeCloseWidth = "56px";
 const ModalSizeBorderRadius = "4px";
 const ModalSizeBorderWidth = "1px";
 const ModalHeaderLightColorSchemeBorder = "#d7dee4";
-const ModalHeaderDarkColorSchemeBorder = "#333f4a";
+const ModalHeaderDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";
 const ModalHeaderSizeBorderRadius = "4px 4px 0 0";
 const ModalHeaderSizeHeight = "56px";
 const ModalHeaderSizePadding = "0 16px";
@@ -3359,7 +3359,7 @@ const ModalBodySizeMaxHeight = "calc(100vh - 260px)";
 const ModalBodySizePadding = "16px 24px 24px";
 const ModalBodyFontDefault = "body";
 const ModalFooterLightColorSchemeBorder = "#f2f5f9";
-const ModalFooterDarkColorSchemeBorder = "#333f4a";
+const ModalFooterDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";
 const ModalFooterSizeBorderRadius = "0 0 4px 4px";
 const ModalFooterSizeHeight = "64px";
 const ModalFooterSizePadding = "0 16px";
@@ -3405,7 +3405,7 @@ const PopoverLightColorSchemeText = "#19252f";
 const PopoverLightColorSchemeShadow = "0 3px 8px 0 rgba(39, 51, 62, 0.2)";
 const PopoverLightColorSchemeBorder = "#d7dee4";
 const PopoverDarkColorSchemeBackground = "#333f4a";
-const PopoverDarkColorSchemeText = "#f2f5f9";
+const PopoverDarkColorSchemeText = "#d7dee4";
 const PopoverDarkColorSchemeShadow = "0 3px 8px 0 rgba(0, 0, 0, 0.2)";
 const PopoverDarkColorSchemeBorder = "#333f4a";
 const PopoverSizeMaxHeight = "480px";
@@ -3422,7 +3422,7 @@ const PopoverHeaderLightColorSchemeBorder = "#d7dee4";
 const PopoverHeaderLightColorSchemeText = "#19252f";
 const PopoverHeaderLightColorSchemeBackground = "white";
 const PopoverHeaderDarkColorSchemeBorder = "#434f5a";
-const PopoverHeaderDarkColorSchemeText = "#f2f5f9";
+const PopoverHeaderDarkColorSchemeText = "#d7dee4";
 const PopoverHeaderDarkColorSchemeBackground = "#333f4a";
 const PopoverHeaderSizeHeight = "40px";
 const PopoverHeaderSizePadding = "0 16px";
@@ -3482,13 +3482,13 @@ const SidepanelLightColorSchemeBorder = "#bdc7d1";
 const SidepanelDarkColorSchemeBorder = "#19252f";
 const SidepanelFontDefault = "body";
 const SidepanelHeaderLightColorSchemeBorder = "#d7dee4";
-const SidepanelHeaderDarkColorSchemeBorder = "#333f4a";
+const SidepanelHeaderDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";
 const SidepanelHeaderSizeHeight = "56px";
 const SidepanelHeaderSizePadding = "0 16px";
 const SidepanelHeaderSizeClosePadding = "0 0 0 8px";
 const SidepanelHeaderFontDefault = "title";
 const SidepanelFooterLightColorSchemeBorder = "#f2f5f9";
-const SidepanelFooterDarkColorSchemeBorder = "#333f4a";
+const SidepanelFooterDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";
 const SidepanelFooterSizeHeight = "64px";
 const SidepanelFooterSizePadding = "0 16px";
 const SidepanelFooterFontDefault = "body";
@@ -3510,9 +3510,9 @@ const TabsLightColorSchemeStateDisabledText = "#8c99a5";
 const TabsLightColorSchemeStateDisabledMarkerOpacity = "0.3";
 const TabsDarkColorSchemeBorder = "#333f4a";
 const TabsDarkColorSchemeStateNormalIcon = "#8c99a5";
-const TabsDarkColorSchemeStateNormalText = "#f2f5f9";
+const TabsDarkColorSchemeStateNormalText = "#d7dee4";
 const TabsDarkColorSchemeStateHoverIcon = "#6d7a86";
-const TabsDarkColorSchemeStateHoverText = "#f2f5f9";
+const TabsDarkColorSchemeStateHoverText = "#d7dee4";
 const TabsDarkColorSchemeStateActiveMarkerColor = "#0059b8";
 const TabsDarkColorSchemeStateEmptyIcon = "mix(#8c99a5, transparent, 30%)";
 const TabsDarkColorSchemeStateEmptyText = "#6d7a86";
@@ -3531,9 +3531,9 @@ const VerticalTabsLightColorSchemeStateSelectedBackground = "#e7f1ff";
 const VerticalTabsLightColorSchemeStateHoverBackground = "rgba(black, 0.05)";
 const VerticalTabsLightColorSchemeStateHoverSelectedBackground = "adjust-color(#e7f1ff, $saturation:-22%, $lightness:-5%)";
 const VerticalTabsDarkColorSchemeStateNormalBackground = "transparent";
-const VerticalTabsDarkColorSchemeStateSelectedBackground = "#023c7f";
-const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(black, 0.05)";
-const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(#023c7f, $lightness:-1%)";
+const VerticalTabsDarkColorSchemeStateSelectedBackground = "rgba(3, 116, 235, 0.3)";
+const VerticalTabsDarkColorSchemeStateHoverBackground = "rgba(white, 0.05)";
+const VerticalTabsDarkColorSchemeStateHoverSelectedBackground = "adjust-color(rgba(3, 116, 235, 0.3), $lightness:-1%)";
 const TagsLightColorSchemePrimaryBackground = "#e7f1ff";
 const TagsLightColorSchemePrimaryBorder = "transparent";
 const TagsLightColorSchemePrimaryText = "#0374eb";
@@ -3617,7 +3617,7 @@ const ToastLightColorSchemeIconSuccess = "#4ba96c";
 const ToastLightColorSchemeIconWarning = "#e19f12";
 const ToastDarkColorSchemeBackground = "#333f4a";
 const ToastDarkColorSchemeBorder = "rgba(25, 37, 47, 0.1)";
-const ToastDarkColorSchemeText = "#f2f5f9";
+const ToastDarkColorSchemeText = "#d7dee4";
 const ToastDarkColorSchemeTextCaption = "#8c99a5";
 const ToastDarkColorSchemeShadow = "0 8px 16px 0 rgba(#27333e, 0.2)";
 const ToastDarkColorSchemeIconInfo = "#18a5c5";
@@ -3669,7 +3669,7 @@ const ToggleSmallSizeWidth = "24px";
 const ToggleSmallSizeBorderRadius = "8px";
 const ToggleSmallFontDefault = "caption";
 const TooltipLightColorSchemeBackground = "#333f4a";
-const TooltipLightColorSchemeText = "#f2f5f9";
+const TooltipLightColorSchemeText = "#d7dee4";
 const TooltipLightColorSchemeBorder = "transparent";
 const TooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(39, 51, 62, 0.2)";
 const TooltipLightColorSchemeWarningBackground = "#fff4dd";
@@ -3680,7 +3680,7 @@ const TooltipDarkColorSchemeText = "#19252f";
 const TooltipDarkColorSchemeBorder = "transparent";
 const TooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(39, 51, 62, 0.2)";
 const TooltipDarkColorSchemeWarningBackground = "#7e5406";
-const TooltipDarkColorSchemeWarningText = "#f2f5f9";
+const TooltipDarkColorSchemeWarningText = "#d7dee4";
 const TooltipDarkColorSchemeWarningBorder = "#7e5406";
 const TooltipSizeMaxWidth = "300px";
 const TooltipSizeBorderWidth = "1px";
@@ -3694,7 +3694,7 @@ const ExtendedTooltipLightColorSchemeText = "#19252f";
 const ExtendedTooltipLightColorSchemeBorder = "#d7dee4";
 const ExtendedTooltipLightColorSchemeShadow = "0 2px 4px 0 rgba(39, 51, 62, 0.2)";
 const ExtendedTooltipDarkColorSchemeBackground = "#333f4a";
-const ExtendedTooltipDarkColorSchemeText = "#f2f5f9";
+const ExtendedTooltipDarkColorSchemeText = "#d7dee4";
 const ExtendedTooltipDarkColorSchemeBorder = "#333f4a";
 const ExtendedTooltipDarkColorSchemeShadow = "0 2px 4px 0 rgba(39, 51, 62, 0.2)";
 const ExtendedTooltipSizeBorderRadius = "4px";
@@ -3707,7 +3707,7 @@ const ExtendedTooltipHeaderLightColorSchemeBorder = "#d7dee4";
 const ExtendedTooltipHeaderLightColorSchemeText = "#19252f";
 const ExtendedTooltipHeaderLightColorSchemeBackground = "white";
 const ExtendedTooltipHeaderDarkColorSchemeBorder = "#434f5a";
-const ExtendedTooltipHeaderDarkColorSchemeText = "#f2f5f9";
+const ExtendedTooltipHeaderDarkColorSchemeText = "#d7dee4";
 const ExtendedTooltipHeaderDarkColorSchemeBackground = "#333f4a";
 const ExtendedTooltipHeaderSizeHeight = "40px";
 const ExtendedTooltipHeaderSizePadding = "8px 16px";