less-plugin-dls/variables.violet.js

Less plugin for Baidu Light DLS.

export const dlsColorBrand = '#534dff'
export const dlsColorBrand0 = '#fff'
export const dlsColorBrand1 = '#eeedff'
export const dlsColorBrand2 = '#e3e0ff'
export const dlsColorBrand3 = '#d6d1ff'
export const dlsColorBrand4 = '#c5c3ff'
export const dlsColorBrand5 = '#adaaff'
export const dlsColorBrand6 = '#7a75ff'
export const dlsColorBrand7 = '#534dff'
export const dlsColorBrand8 = '#3934db'
export const dlsColorBrand9 = '#0600a6'
export const dlsColorBrand10 = '#030066'
export const dlsColorBrand11 = '#000'
export const dlsColorInfo = '#534dff'
export const dlsColorInfo0 = '#fff'
export const dlsColorInfo1 = '#eeedff'
export const dlsColorInfo2 = '#e3e0ff'
export const dlsColorInfo3 = '#d6d1ff'
export const dlsColorInfo4 = '#c5c3ff'
export const dlsColorInfo5 = '#adaaff'
export const dlsColorInfo6 = '#7a75ff'
export const dlsColorInfo7 = '#534dff'
export const dlsColorInfo8 = '#3934db'
export const dlsColorInfo9 = '#0600a6'
export const dlsColorInfo10 = '#030066'
export const dlsColorInfo11 = '#000'
export const dlsColorSuccess = '#009940'
export const dlsColorSuccess0 = '#fff'
export const dlsColorSuccess1 = '#ebfff3'
export const dlsColorSuccess2 = '#daffe9'
export const dlsColorSuccess3 = '#baffd7'
export const dlsColorSuccess4 = '#8bffbb'
export const dlsColorSuccess5 = '#4dff97'
export const dlsColorSuccess6 = '#00cc55'
export const dlsColorSuccess7 = '#009940'
export const dlsColorSuccess8 = '#008236'
export const dlsColorSuccess9 = '#00632a'
export const dlsColorSuccess10 = '#003d1a'
export const dlsColorSuccess11 = '#000'
export const dlsColorWarning = '#f27318'
export const dlsColorWarning0 = '#fff'
export const dlsColorWarning1 = '#fff3eb'
export const dlsColorWarning2 = '#ffecdf'
export const dlsColorWarning3 = '#ffdfc9'
export const dlsColorWarning4 = '#ffcca8'
export const dlsColorWarning5 = '#ffb37d'
export const dlsColorWarning6 = '#ff9448'
export const dlsColorWarning7 = '#f27318'
export const dlsColorWarning8 = '#ce5600'
export const dlsColorWarning9 = '#9d4200'
export const dlsColorWarning10 = '#612800'
export const dlsColorWarning11 = '#000'
export const dlsColorError = '#d9150b'
export const dlsColorError0 = '#fff'
export const dlsColorError1 = '#ffeceb'
export const dlsColorError2 = '#ffdedc'
export const dlsColorError3 = '#ffc4c0'
export const dlsColorError4 = '#ff9d98'
export const dlsColorError5 = '#ff6a63'
export const dlsColorError6 = '#ff2b20'
export const dlsColorError7 = '#d9150b'
export const dlsColorError8 = '#b80900'
export const dlsColorError9 = '#8d0700'
export const dlsColorError10 = '#570400'
export const dlsColorError11 = '#000'
export const dlsColorGray0 = '#fff'
export const dlsColorGray1 = '#f6f7fa'
export const dlsColorGray2 = '#ecf1fb'
export const dlsColorGray3 = '#dfe6f3'
export const dlsColorGray4 = '#d3d9e6'
export const dlsColorGray5 = '#c5ccdb'
export const dlsColorGray6 = '#a8b0bf'
export const dlsColorGray7 = '#848b99'
export const dlsColorGray8 = '#545b66'
export const dlsColorGray9 = '#191b1e'
export const dlsColorGray10 = '#0a0b0d'
export const dlsColorGray11 = '#000'
export const dlsColorTranslucent0 = 'transparent'
export const dlsColorTranslucent1 = 'rgba(74, 126, 229, 0.07)'
export const dlsColorTranslucent2 = 'rgba(58, 87, 166, 0.1)'
export const dlsColorTranslucent3 = 'rgba(54, 82, 153, 0.15)'
export const dlsColorTranslucent4 = 'rgba(49, 76, 140, 0.2)'
export const dlsColorTranslucent5 = 'rgba(60, 83, 133, 0.3)'
export const dlsColorTranslucent6 = 'rgba(83, 98, 128, 0.5)'
export const dlsColorTranslucent7 = 'rgba(80, 90, 107, 0.8)'
export const dlsColorTranslucent8 = 'rgba(45, 52, 64, 0.8)'
export const dlsColorTranslucent9 = 'rgba(13, 15, 18, 0.95)'
export const dlsColorTranslucent10 = 'rgba(4, 4, 5, 0.95)'
export const dlsColorTranslucent11 = '#000'
export const dlsFontFamily = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif'
export const dlsFontFamilyNumber = '"Baidu Number", sans-serif'
export const dlsFontSize0 = '12px'
export const dlsFontSize1 = '14px'
export const dlsFontSize2 = '16px'
export const dlsFontSize3 = '18px'
export const dlsFontSize4 = '20px'
export const dlsFontSize5 = '24px'
export const dlsFontSize6 = '32px'
export const dlsFontWeight1 = '400'
export const dlsFontWeight2 = '500'
export const dlsFontWeight3 = '600'
export const dlsLineHeight1 = '1.4'
export const dlsLineHeight2 = '1.6'
export const dlsLineHeight3 = '1.8'
export const dlsSpacingUnit = '4px'
export const dlsPaddingUnit = '4px'
export const dlsHeightUnit = '4px'
export const dlsSpacing1 = '4px'
export const dlsSpacing2 = '8px'
export const dlsSpacing3 = '12px'
export const dlsSpacing4 = '16px'
export const dlsSpacing5 = '24px'
export const dlsSpacing6 = '32px'
export const dlsSpacing7 = '40px'
export const dlsHeightXs = '24px'
export const dlsHeightS = '28px'
export const dlsHeightM = '32px'
export const dlsHeightL = '36px'
export const dlsHeightXl = '40px'
export const dlsForegroundColorReverse = '#fff'
export const dlsForegroundColorPrimaryReverse = '#fff'
export const dlsForegroundColorPrimary = '#534dff'
export const dlsForegroundColorPrimaryHover = '#7a75ff'
export const dlsForegroundColorPrimaryActive = '#3934db'
export const dlsForegroundColorPrimaryDisabled = '#c5c3ff'
export const dlsForegroundColorNeutral = 'rgba(13, 15, 18, 0.95)'
export const dlsForegroundColorNeutralHover = 'rgba(45, 52, 64, 0.8)'
export const dlsForegroundColorNeutralActive = '#000'
export const dlsForegroundColorNeutralDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsForegroundColorNeutralStrong = '#000'
export const dlsForegroundColorNeutralStrongHover = 'rgba(4, 4, 5, 0.95)'
export const dlsForegroundColorNeutralStrongActive = '#000'
export const dlsForegroundColorNeutralStrongDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsForegroundColorNeutralLight = 'rgba(45, 52, 64, 0.8)'
export const dlsForegroundColorNeutralLightHover = 'rgba(80, 90, 107, 0.8)'
export const dlsForegroundColorNeutralLightActive = 'rgba(13, 15, 18, 0.95)'
export const dlsForegroundColorNeutralLightDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsForegroundColorNeutralWeak = 'rgba(80, 90, 107, 0.8)'
export const dlsForegroundColorNeutralWeakHover = 'rgba(45, 52, 64, 0.8)'
export const dlsForegroundColorNeutralWeakActive = 'rgba(13, 15, 18, 0.95)'
export const dlsForegroundColorNeutralWeakDisabled = 'rgba(60, 83, 133, 0.3)'
export const dlsForegroundColorNeutralDim = 'rgba(83, 98, 128, 0.5)'
export const dlsForegroundColorNeutralDimHover = 'rgba(80, 90, 107, 0.8)'
export const dlsForegroundColorNeutralDimActive = 'rgba(45, 52, 64, 0.8)'
export const dlsForegroundColorNeutralDimDisabled = 'rgba(54, 82, 153, 0.15)'
export const dlsForegroundColorNeutralSubtle = 'rgba(60, 83, 133, 0.3)'
export const dlsForegroundColorNeutralSubtleHover = 'rgba(83, 98, 128, 0.5)'
export const dlsForegroundColorNeutralSubtleActive = 'rgba(80, 90, 107, 0.8)'
export const dlsForegroundColorNeutralSubtleDisabled = 'rgba(54, 82, 153, 0.15)'
export const dlsForegroundColorNeutralHighlightable = 'rgba(13, 15, 18, 0.95)'
export const dlsForegroundColorNeutralHighlightableHover = '#7a75ff'
export const dlsForegroundColorNeutralHighlightableActive = '#3934db'
export const dlsForegroundColorNeutralHighlightableDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsForegroundColorInfoPrimary = '#534dff'
export const dlsForegroundColorInfoPrimaryDisabled = '#c5c3ff'
export const dlsForegroundColorSuccessPrimary = '#009940'
export const dlsForegroundColorSuccessPrimaryDisabled = '#8bffbb'
export const dlsForegroundColorWarningPrimary = '#ff9448'
export const dlsForegroundColorWarningPrimaryDisabled = '#ffcca8'
export const dlsForegroundColorErrorPrimary = '#d9150b'
export const dlsForegroundColorErrorPrimaryDisabled = '#ff9d98'
export const dlsForegroundColorHighlighted = '#f27318'
export const dlsBackgroundColorBase1 = '#fff'
export const dlsBackgroundColorBase1Hover = '#f6f7fa'
export const dlsBackgroundColorBase1Active = '#dfe6f3'
export const dlsBackgroundColorBase1Disabled = '#fff'
export const dlsBackgroundColorBase2 = '#f6f7fa'
export const dlsBackgroundColorBase2Hover = '#ecf1fb'
export const dlsBackgroundColorBase2Active = '#dfe6f3'
export const dlsBackgroundColorBase2Disabled = '#f6f7fa'
export const dlsBackgroundColorBase3 = '#ecf1fb'
export const dlsBackgroundColorBase3Hover = '#dfe6f3'
export const dlsBackgroundColorBase3Active = '#d3d9e6'
export const dlsBackgroundColorBase3Disabled = '#f6f7fa'
export const dlsBackgroundColorPrimary = '#534dff'
export const dlsBackgroundColorPrimaryHover = '#7a75ff'
export const dlsBackgroundColorPrimaryActive = '#3934db'
export const dlsBackgroundColorPrimaryDisabled = '#e3e0ff'
export const dlsBorderColorPrimary = 'transparent'
export const dlsBorderColorPrimaryDisabled = 'transparent'
export const dlsBackgroundColorInfoPrimary = '#534dff'
export const dlsBackgroundColorInfoPrimaryHover = '#7a75ff'
export const dlsBackgroundColorInfoPrimaryActive = '#3934db'
export const dlsBackgroundColorInfoPrimaryDisabled = '#e3e0ff'
export const dlsBorderColorInfoPrimary = 'transparent'
export const dlsBorderColorInfoPrimaryDisabled = 'transparent'
export const dlsBackgroundColorSuccessPrimary = '#009940'
export const dlsBackgroundColorSuccessPrimaryHover = '#00cc55'
export const dlsBackgroundColorSuccessPrimaryActive = '#008236'
export const dlsBackgroundColorSuccessPrimaryDisabled = '#daffe9'
export const dlsBorderColorSuccessPrimary = 'transparent'
export const dlsBorderColorSuccessPrimaryDisabled = 'transparent'
export const dlsBackgroundColorWarningPrimary = '#ff9448'
export const dlsBackgroundColorWarningPrimaryHover = '#ffb37d'
export const dlsBackgroundColorWarningPrimaryActive = '#f27318'
export const dlsBackgroundColorWarningPrimaryDisabled = '#ffecdf'
export const dlsBorderColorWarningPrimary = 'transparent'
export const dlsBorderColorWarningPrimaryDisabled = 'transparent'
export const dlsBackgroundColorErrorPrimary = '#d9150b'
export const dlsBackgroundColorErrorPrimaryHover = '#ff2b20'
export const dlsBackgroundColorErrorPrimaryActive = '#b80900'
export const dlsBackgroundColorErrorPrimaryDisabled = '#ffdedc'
export const dlsBorderColorErrorPrimary = 'transparent'
export const dlsBorderColorErrorPrimaryDisabled = 'transparent'
export const dlsBackgroundColorNeutralPrimary = '#a8b0bf'
export const dlsBackgroundColorNeutralPrimaryHover = '#848b99'
export const dlsBackgroundColorNeutralPrimaryActive = '#545b66'
export const dlsBackgroundColorNeutralPrimaryDisabled = '#dfe6f3'
export const dlsBorderColorNeutralPrimary = 'transparent'
export const dlsBorderColorNeutralPrimaryDisabled = 'transparent'
export const dlsBackgroundColorInfo = '#eeedff'
export const dlsBackgroundColorInfoHover = '#e3e0ff'
export const dlsBackgroundColorInfoActive = '#d6d1ff'
export const dlsBackgroundColorInfoDisabled = '#eeedff'
export const dlsBorderColorInfo = '#c5c3ff'
export const dlsBorderColorInfoDisabled = '#d6d1ff'
export const dlsBackgroundColorSuccess = '#ebfff3'
export const dlsBackgroundColorSuccessHover = '#daffe9'
export const dlsBackgroundColorSuccessActive = '#baffd7'
export const dlsBackgroundColorSuccessDisabled = '#ebfff3'
export const dlsBorderColorSuccess = '#8bffbb'
export const dlsBorderColorSuccessDisabled = '#baffd7'
export const dlsBackgroundColorWarning = '#fff3eb'
export const dlsBackgroundColorWarningHover = '#ffecdf'
export const dlsBackgroundColorWarningActive = '#ffdfc9'
export const dlsBackgroundColorWarningDisabled = '#fff3eb'
export const dlsBorderColorWarning = '#ffcca8'
export const dlsBorderColorWarningDisabled = '#ffdfc9'
export const dlsBackgroundColorError = '#ffeceb'
export const dlsBackgroundColorErrorHover = '#ffdedc'
export const dlsBackgroundColorErrorActive = '#ffc4c0'
export const dlsBackgroundColorErrorDisabled = '#ffeceb'
export const dlsBorderColorError = '#ff9d98'
export const dlsBorderColorErrorDisabled = '#ffc4c0'
export const dlsBackgroundColorNeutral = '#ecf1fb'
export const dlsBackgroundColorNeutralHover = '#dfe6f3'
export const dlsBackgroundColorNeutralActive = '#d3d9e6'
export const dlsBackgroundColorNeutralDisabled = '#f6f7fa'
export const dlsBorderColorNeutral = '#c5ccdb'
export const dlsBorderColorNeutralDisabled = '#dfe6f3'
export const dlsBackgroundColorCurrent = '#eeedff'
export const dlsBackgroundColorCurrentHover = '#e3e0ff'
export const dlsBackgroundColorCurrentActive = '#d6d1ff'
export const dlsBackgroundColorCurrentDisabled = '#eeedff'
export const dlsBorderColorCurrent = '#534dff'
export const dlsBorderColorCurrentDisabled = '#d6d1ff'
export const dlsBackgroundColorStrong = '#fff'
export const dlsBackgroundColorStrongHover = '#eeedff'
export const dlsBackgroundColorStrongActive = '#e3e0ff'
export const dlsBackgroundColorStrongDisabled = '#eeedff'
export const dlsBorderColorStrong = '#534dff'
export const dlsBorderColorStrongDisabled = '#d6d1ff'
export const dlsBackgroundColorErrorStrong = '#fff'
export const dlsBackgroundColorErrorStrongHover = '#ffeceb'
export const dlsBackgroundColorErrorStrongActive = '#ffdedc'
export const dlsBackgroundColorErrorStrongDisabled = '#ffeceb'
export const dlsBorderColorErrorStrong = '#d9150b'
export const dlsBorderColorErrorStrongDisabled = '#ffc4c0'
export const dlsBackgroundColorFillable = '#fff'
export const dlsBackgroundColorFillableHover = '#ecf1fb'
export const dlsBackgroundColorFillableActive = '#d3d9e6'
export const dlsBackgroundColorFillableDisabled = '#f6f7fa'
export const dlsBorderColorFillable = '#d3d9e6'
export const dlsBorderColorFillableHover = '#a8b0bf'
export const dlsBorderColorFillableActive = '#a8b0bf'
export const dlsBorderColorFillableDisabled = '#dfe6f3'
export const dlsBackgroundColorPressable = '#fff'
export const dlsBackgroundColorPressableHover = '#f6f7fa'
export const dlsBackgroundColorPressableActive = '#dfe6f3'
export const dlsBackgroundColorPressableDisabled = '#f6f7fa'
export const dlsBorderColorPressable = '#dfe6f3'
export const dlsBorderColorPressableHover = '#d3d9e6'
export const dlsBorderColorPressableActive = '#d3d9e6'
export const dlsBorderColorPressableDisabled = '#dfe6f3'
export const dlsBackgroundColorTranslucent = 'rgba(0, 0, 0, 0.6)'
export const dlsBackgroundColorTranslucentHover = 'rgba(0, 0, 0, 0.5)'
export const dlsBackgroundColorTranslucentActive = 'rgba(0, 0, 0, 0.7)'
export const dlsBackgroundColorTranslucentDisabled = 'rgba(0, 0, 0, 0.2)'
export const dlsBorderColorTranslucent = 'transparent'
export const dlsBorderColorTranslucentDisabled = 'transparent'
export const dlsBackgroundColorTranslucentReverse = 'transparent'
export const dlsBackgroundColorTranslucentReverseHover = 'rgba(255, 255, 255, 0.15)'
export const dlsBackgroundColorTranslucentReverseActive = 'rgba(255, 255, 255, 0.25)'
export const dlsBackgroundColorTranslucentReverseDisabled = 'transparent'
export const dlsBorderColorTranslucentReverse = 'transparent'
export const dlsBorderColorTranslucentReverseDisabled = 'transparent'
export const dlsBackgroundColorModal = 'rgba(0, 0, 0, 0.6)'
export const dlsLineColor0 = '#ecf1fb'
export const dlsLineColor1 = '#dfe6f3'
export const dlsLineColor2 = '#d3d9e6'
export const dlsBorderRadius0 = '2px'
export const dlsBorderRadius1 = '4px'
export const dlsBorderRadius2 = '6px'
export const dlsBorderRadius3 = '10px'
export const dlsBorderRadius4 = '16px'
export const dlsShadowColor = '#000'
export const dlsShadow1 = '0 4px 10px rgba(0, 0, 0, 0.03), 0 3px 9px rgba(0, 0, 0, 0.02), 0 2px 8px rgba(0, 0, 0, 0.01)'
export const dlsShadow2 = '0 6px 28px 2px rgba(0, 0, 0, 0.04), 0 4px 26px 2px rgba(0, 0, 0, 0.03), 0 2px 24px 1px rgba(0, 0, 0, 0.02)'
export const dlsShadow3 = '0 6px 32px 2px rgba(0, 0, 0, 0.06), 0 5px 30px 1px rgba(0, 0, 0, 0.05), 0 4px 28px 1px rgba(0, 0, 0, 0.04)'
export const dlsShadow4 = '0 1px 8px rgba(0, 0, 0, 0.06), 0 7px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 16px 4px rgba(0, 0, 0, 0.04)'
export const dlsShadowColorLight = '#000'
export const dlsShadowLight1 = '0 4px 10px rgba(0, 0, 0, 0.03), 0 3px 9px rgba(0, 0, 0, 0.02), 0 2px 8px rgba(0, 0, 0, 0.01)'
export const dlsShadowLight2 = '0 6px 28px 2px rgba(0, 0, 0, 0.04), 0 4px 26px 2px rgba(0, 0, 0, 0.03), 0 2px 24px 1px rgba(0, 0, 0, 0.02)'
export const dlsShadowLight3 = '0 6px 32px 2px rgba(0, 0, 0, 0.06), 0 5px 30px 1px rgba(0, 0, 0, 0.05), 0 4px 28px 1px rgba(0, 0, 0, 0.04)'
export const dlsShadowOpacityFocus = '0.2'
export const dlsShadowSpreadFocus = '2px'
export const dlsShadowColorFocus = '#7a75ff'
export const dlsShadowColorErrorFocus = '#ff2b20'
export const dlsShadowFocus = '0 0 0 2px rgba(122, 117, 255, 0.2)'
export const dlsShadowErrorFocus = '0 0 0 2px rgba(255, 43, 32, 0.2)'
export const dlsBackgroundColorFocus = '#e3e0ff'
export const dlsBorderColorFocus = '#534dff'
export const dlsBorderColorErrorFocus = '#d9150b'
export const dlsIconSizeNormal = 'calc(1em + 2px)'
export const dlsIconSizeMinor = 'calc(1em + 2px)'
export const dlsIconSizeAux = 'calc(1em + 2px)'
export const dlsIconColorAux = 'rgba(80, 90, 107, 0.8)'
export const dlsIconColorAuxDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsTransitionDurationInstant = '100ms'
export const dlsTransitionDurationFast = '200ms'
export const dlsTransitionDurationNormal = '300ms'
export const dlsTransitionDurationSlow = '400ms'
export const dlsTransitionTimingFunctionEase = 'ease'
export const dlsTransitionTimingFunctionEaseIn = 'ease-in'
export const dlsTransitionTimingFunctionEaseOut = 'ease-out'
export const dlsTransitionTimingFunctionLinear = 'linear'
export const dlsButtonFontSizeXs = '12px'
export const dlsButtonFontSizeS = '12px'
export const dlsButtonFontSizeM = '14px'
export const dlsButtonFontSizeL = '16px'
export const dlsButtonFontSizeXl = '16px'
export const dlsButtonHeightXs = '24px'
export const dlsButtonHeightS = '28px'
export const dlsButtonHeightM = '32px'
export const dlsButtonHeightL = '36px'
export const dlsButtonHeightXl = '40px'
export const dlsButtonPaddingXs = '8px'
export const dlsButtonPaddingS = '12px'
export const dlsButtonPaddingM = '16px'
export const dlsButtonPaddingL = '20px'
export const dlsButtonPaddingXl = '20px'
export const dlsButtonBorderRadiusXs = '4px'
export const dlsButtonBorderRadiusS = '4px'
export const dlsButtonBorderRadiusM = '4px'
export const dlsButtonBorderRadiusL = '4px'
export const dlsButtonBorderRadiusXl = '4px'
export const dlsButtonContentSpacing = '4px'
export const dlsButtonFontColorNormal = 'rgba(13, 15, 18, 0.95)'
export const dlsButtonFontColorNormalDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsButtonBorderColorNormal = 'transparent'
export const dlsButtonBorderColorNormalHover = 'transparent'
export const dlsButtonBorderColorNormalActive = 'transparent'
export const dlsButtonBorderColorNormalDisabled = 'transparent'
export const dlsButtonBackgroundColorNormal = '#ecf1fb'
export const dlsButtonBackgroundColorNormalHover = '#dfe6f3'
export const dlsButtonBackgroundColorNormalFocus = '#dfe6f3'
export const dlsButtonBackgroundColorNormalActive = '#d3d9e6'
export const dlsButtonBackgroundColorNormalDisabled = '#f6f7fa'
export const dlsButtonFontColorBasic = 'rgba(13, 15, 18, 0.95)'
export const dlsButtonFontColorBasicDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsButtonBorderColorBasic = '#dfe6f3'
export const dlsButtonBorderColorBasicHover = '#d3d9e6'
export const dlsButtonBorderColorBasicActive = '#d3d9e6'
export const dlsButtonBorderColorBasicDisabled = '#dfe6f3'
export const dlsButtonBackgroundColorBasic = '#fff'
export const dlsButtonBackgroundColorBasicHover = '#f6f7fa'
export const dlsButtonBackgroundColorBasicFocus = '#f6f7fa'
export const dlsButtonBackgroundColorBasicActive = '#dfe6f3'
export const dlsButtonBackgroundColorBasicDisabled = '#f6f7fa'
export const dlsButtonFontColorStrong = '#534dff'
export const dlsButtonFontColorStrongDisabled = '#c5c3ff'
export const dlsButtonBorderColorStrong = '#534dff'
export const dlsButtonBorderColorStrongHover = '#534dff'
export const dlsButtonBorderColorStrongActive = '#534dff'
export const dlsButtonBorderColorStrongDisabled = '#d6d1ff'
export const dlsButtonBackgroundColorStrong = '#fff'
export const dlsButtonBackgroundColorStrongHover = '#eeedff'
export const dlsButtonBackgroundColorStrongFocus = '#eeedff'
export const dlsButtonBackgroundColorStrongActive = '#e3e0ff'
export const dlsButtonBackgroundColorStrongDisabled = '#eeedff'
export const dlsButtonFontColorPrimary = '#fff'
export const dlsButtonFontColorPrimaryDisabled = '#fff'
export const dlsButtonBorderColorPrimary = 'transparent'
export const dlsButtonBorderColorPrimaryHover = 'transparent'
export const dlsButtonBorderColorPrimaryActive = 'transparent'
export const dlsButtonBorderColorPrimaryDisabled = 'transparent'
export const dlsButtonBackgroundColorPrimary = '#534dff'
export const dlsButtonBackgroundColorPrimaryHover = '#7a75ff'
export const dlsButtonBackgroundColorPrimaryFocus = '#7a75ff'
export const dlsButtonBackgroundColorPrimaryActive = '#3934db'
export const dlsButtonBackgroundColorPrimaryDisabled = '#e3e0ff'
export const dlsButtonFontColorTranslucent = '#fff'
export const dlsButtonFontColorTranslucentDisabled = 'rgba(255, 255, 255, 0.6)'
export const dlsButtonBorderColorTranslucent = 'transparent'
export const dlsButtonBorderColorTranslucentHover = 'transparent'
export const dlsButtonBorderColorTranslucentActive = 'transparent'
export const dlsButtonBorderColorTranslucentDisabled = 'transparent'
export const dlsButtonBackgroundColorTranslucent = 'rgba(0, 0, 0, 0.6)'
export const dlsButtonBackgroundColorTranslucentHover = 'rgba(0, 0, 0, 0.5)'
export const dlsButtonBackgroundColorTranslucentFocus = 'rgba(0, 0, 0, 0.5)'
export const dlsButtonBackgroundColorTranslucentActive = 'rgba(0, 0, 0, 0.7)'
export const dlsButtonBackgroundColorTranslucentDisabled = 'rgba(0, 0, 0, 0.2)'
export const dlsButtonFontColorText = 'rgba(13, 15, 18, 0.95)'
export const dlsButtonFontColorTextHover = 'rgba(45, 52, 64, 0.8)'
export const dlsButtonFontColorTextFocus = 'rgba(13, 15, 18, 0.95)'
export const dlsButtonFontColorTextActive = '#000'
export const dlsButtonFontColorTextDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsButtonFontColorTextStrong = '#534dff'
export const dlsButtonFontColorTextStrongHover = '#7a75ff'
export const dlsButtonFontColorTextStrongFocus = '#534dff'
export const dlsButtonFontColorTextStrongActive = '#3934db'
export const dlsButtonFontColorTextStrongDisabled = '#c5c3ff'
export const dlsButtonFontColorTextAux = 'rgba(80, 90, 107, 0.8)'
export const dlsButtonFontColorTextAuxHover = 'rgba(45, 52, 64, 0.8)'
export const dlsButtonFontColorTextAuxFocus = 'rgba(80, 90, 107, 0.8)'
export const dlsButtonFontColorTextAuxActive = 'rgba(13, 15, 18, 0.95)'
export const dlsButtonFontColorTextAuxDisabled = 'rgba(60, 83, 133, 0.3)'
export const dlsButtonFontColorTextSubtle = 'rgba(60, 83, 133, 0.3)'
export const dlsButtonFontColorTextSubtleHover = 'rgba(83, 98, 128, 0.5)'
export const dlsButtonFontColorTextSubtleFocus = 'rgba(60, 83, 133, 0.3)'
export const dlsButtonFontColorTextSubtleActive = 'rgba(80, 90, 107, 0.8)'
export const dlsButtonFontColorTextSubtleDisabled = 'rgba(54, 82, 153, 0.15)'
export const dlsButtonBackgroundColorText = 'transparent'
export const dlsButtonBackgroundColorTextHover = 'transparent'
export const dlsButtonBackgroundColorTextFocus = 'transparent'
export const dlsButtonBackgroundColorTextActive = 'transparent'
export const dlsButtonBackgroundColorTextDisabled = 'transparent'
export const dlsButtonPaddingText = '2px'
export const dlsButtonFontColorGhost = 'rgba(13, 15, 18, 0.95)'
export const dlsButtonFontColorGhostDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsButtonBorderColorGhost = 'transparent'
export const dlsButtonBorderColorGhostDisabled = 'transparent'
export const dlsButtonBackgroundColorGhost = 'transparent'
export const dlsButtonBackgroundColorGhostHover = '#f6f7fa'
export const dlsButtonBackgroundColorGhostFocus = '#f6f7fa'
export const dlsButtonBackgroundColorGhostActive = '#dfe6f3'
export const dlsButtonBackgroundColorGhostDisabled = 'transparent'
export const dlsButtonFontColorGhostStrong = '#534dff'
export const dlsButtonFontColorGhostStrongDisabled = '#c5c3ff'
export const dlsButtonBorderColorGhostStrong = 'transparent'
export const dlsButtonBorderColorGhostStrongDisabled = 'transparent'
export const dlsButtonBackgroundColorGhostStrong = 'transparent'
export const dlsButtonBackgroundColorGhostStrongHover = '#eeedff'
export const dlsButtonBackgroundColorGhostStrongFocus = '#eeedff'
export const dlsButtonBackgroundColorGhostStrongActive = '#e3e0ff'
export const dlsButtonBackgroundColorGhostStrongDisabled = 'transparent'
export const dlsButtonFontColorGhostAux = 'rgba(80, 90, 107, 0.8)'
export const dlsButtonFontColorGhostAuxDisabled = 'rgba(60, 83, 133, 0.3)'
export const dlsButtonBorderColorGhostAux = 'transparent'
export const dlsButtonBorderColorGhostAuxDisabled = 'transparent'
export const dlsButtonBackgroundColorGhostAux = 'transparent'
export const dlsButtonBackgroundColorGhostAuxHover = '#f6f7fa'
export const dlsButtonBackgroundColorGhostAuxFocus = '#f6f7fa'
export const dlsButtonBackgroundColorGhostAuxActive = '#dfe6f3'
export const dlsButtonBackgroundColorGhostAuxDisabled = 'transparent'
export const dlsButtonFontColorGhostReverse = '#fff'
export const dlsButtonFontColorGhostReverseDisabled = 'rgba(255, 255, 255, 0.5)'
export const dlsButtonBorderColorGhostReverse = 'transparent'
export const dlsButtonBorderColorGhostReverseDisabled = 'transparent'
export const dlsButtonBackgroundColorGhostReverse = 'transparent'
export const dlsButtonBackgroundColorGhostReverseHover = 'rgba(255, 255, 255, 0.15)'
export const dlsButtonBackgroundColorGhostReverseFocus = 'rgba(255, 255, 255, 0.15)'
export const dlsButtonBackgroundColorGhostReverseActive = 'rgba(255, 255, 255, 0.25)'
export const dlsButtonBackgroundColorGhostReverseDisabled = 'transparent'
export const dlsButtonBackgroundColorChecked = '#eeedff'
export const dlsButtonBackgroundColorCheckedHover = '#e3e0ff'
export const dlsButtonBackgroundColorCheckedFocus = '#e3e0ff'
export const dlsButtonBackgroundColorCheckedActive = '#d6d1ff'
export const dlsButtonBackgroundColorCheckedDisabled = '#eeedff'
export const dlsButtonBorderColorChecked = '#534dff'
export const dlsButtonBorderColorCheckedDisabled = '#d6d1ff'
export const dlsButtonForegroundColorChecked = '#534dff'
export const dlsButtonBorderColorFocus = '#534dff'
export const dlsButtonShadowFocus = '0 0 0 2px rgba(122, 117, 255, 0.2)'
export const dlsButtonGroupSeparatorOpacity = '0.15'
export const dlsButtonFontColorSelected = '#534dff'
export const dlsButtonFontColorSelectedDisabled = '#c5c3ff'
export const dlsButtonBorderColorSelected = '#534dff'
export const dlsButtonBorderColorSelectedDisabled = '#d6d1ff'
export const dlsButtonBackgroundColorSelected = '#eeedff'
export const dlsButtonBackgroundColorSelectedHover = '#e3e0ff'
export const dlsButtonBackgroundColorSelectedFocus = '#e3e0ff'
export const dlsButtonBackgroundColorSelectedActive = '#d6d1ff'
export const dlsButtonBackgroundColorSelectedDisabled = '#eeedff'
export const dlsButtonMinWidthStableS = 'calc(24px + 4em)'
export const dlsButtonMinWidthStableM = 'calc(32px + 4em)'
export const dlsLinkFontSizeS = '12px'
export const dlsLinkFontSizeM = '14px'
export const dlsLinkTextDecoration = 'none'
export const dlsLinkTextDecorationHover = 'none'
export const dlsLinkTextDecorationFocus = 'underline'
export const dlsLinkTextDecorationActive = 'none'
export const dlsLinkFontColorNormal = 'rgba(13, 15, 18, 0.95)'
export const dlsLinkFontColorNormalHover = 'rgba(45, 52, 64, 0.8)'
export const dlsLinkFontColorNormalFocus = 'rgba(45, 52, 64, 0.8)'
export const dlsLinkFontColorNormalActive = '#000'
export const dlsLinkFontColorNormalDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsLinkFontColorStrong = '#534dff'
export const dlsLinkFontColorStrongHover = '#7a75ff'
export const dlsLinkFontColorStrongFocus = '#7a75ff'
export const dlsLinkFontColorStrongActive = '#3934db'
export const dlsLinkFontColorStrongDisabled = '#c5c3ff'
export const dlsRadioFontSizeS = '12px'
export const dlsRadioFontSizeM = '14px'
export const dlsRadioFontColor = 'rgba(13, 15, 18, 0.95)'
export const dlsRadioFontColorDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsRadioSizeS = '14px'
export const dlsRadioSizeM = '16px'
export const dlsRadioDotSizeS = '6px'
export const dlsRadioDotSizeM = '6px'
export const dlsRadioSpacing = '8px'
export const dlsRadioBorderColor = '#d3d9e6'
export const dlsRadioBorderColorHover = '#a8b0bf'
export const dlsRadioBorderColorFocus = '#534dff'
export const dlsRadioBorderColorActive = '#a8b0bf'
export const dlsRadioBorderColorDisabled = '#dfe6f3'
export const dlsRadioBorderColorChecked = 'transparent'
export const dlsRadioBorderColorCheckedHover = 'transparent'
export const dlsRadioBorderColorCheckedFocus = '#534dff'
export const dlsRadioBorderColorCheckedActive = 'transparent'
export const dlsRadioBorderColorCheckedDisabled = 'transparent'
export const dlsRadioBackgroundColor = '#fff'
export const dlsRadioBackgroundColorHover = '#ecf1fb'
export const dlsRadioBackgroundColorFocus = '#ecf1fb'
export const dlsRadioBackgroundColorActive = '#d3d9e6'
export const dlsRadioBackgroundColorDisabled = '#f6f7fa'
export const dlsRadioBackgroundColorChecked = '#534dff'
export const dlsRadioBackgroundColorCheckedHover = '#7a75ff'
export const dlsRadioBackgroundColorCheckedFocus = '#7a75ff'
export const dlsRadioBackgroundColorCheckedActive = '#3934db'
export const dlsRadioBackgroundColorCheckedDisabled = '#e3e0ff'
export const dlsRadioDotColor = '#fff'
export const dlsRadioDotColorHover = '#fff'
export const dlsRadioDotColorFocus = '#fff'
export const dlsRadioDotColorActive = '#fff'
export const dlsRadioDotColorDisabled = '#fff'
export const dlsRadioShadowFocus = '0 0 0 2px rgba(122, 117, 255, 0.2)'
export const dlsRadioGroupSpacing = '24px'
export const dlsRadioGroupSpacingSimple = '8px'
export const dlsRadioGroupLineSpacing = '8px'
export const dlsCheckboxFontSizeS = '12px'
export const dlsCheckboxFontSizeM = '14px'
export const dlsCheckboxFontColor = 'rgba(13, 15, 18, 0.95)'
export const dlsCheckboxFontColorDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsCheckboxSizeS = '14px'
export const dlsCheckboxSizeM = '16px'
export const dlsCheckboxIconMinSize = '8px'
export const dlsCheckboxIconSize = '1em'
export const dlsCheckboxBorderRadius = '4px'
export const dlsCheckboxSpacing = '8px'
export const dlsCheckboxBorderColor = '#d3d9e6'
export const dlsCheckboxBorderColorHover = '#a8b0bf'
export const dlsCheckboxBorderColorFocus = '#534dff'
export const dlsCheckboxBorderColorActive = '#a8b0bf'
export const dlsCheckboxBorderColorDisabled = '#dfe6f3'
export const dlsCheckboxBorderColorChecked = 'transparent'
export const dlsCheckboxBorderColorCheckedHover = 'transparent'
export const dlsCheckboxBorderColorCheckedFocus = '#534dff'
export const dlsCheckboxBorderColorCheckedActive = 'transparent'
export const dlsCheckboxBorderColorCheckedDisabled = 'transparent'
export const dlsCheckboxBackgroundColor = '#fff'
export const dlsCheckboxBackgroundColorHover = '#ecf1fb'
export const dlsCheckboxBackgroundColorFocus = '#ecf1fb'
export const dlsCheckboxBackgroundColorActive = '#d3d9e6'
export const dlsCheckboxBackgroundColorDisabled = '#f6f7fa'
export const dlsCheckboxBackgroundColorChecked = '#534dff'
export const dlsCheckboxBackgroundColorCheckedHover = '#7a75ff'
export const dlsCheckboxBackgroundColorCheckedFocus = '#7a75ff'
export const dlsCheckboxBackgroundColorCheckedActive = '#3934db'
export const dlsCheckboxBackgroundColorCheckedDisabled = '#e3e0ff'
export const dlsCheckboxForegroundColor = '#fff'
export const dlsCheckboxForegroundColorHover = '#fff'
export const dlsCheckboxForegroundColorFocus = '#fff'
export const dlsCheckboxForegroundColorActive = '#fff'
export const dlsCheckboxForegroundColorDisabled = '#fff'
export const dlsCheckboxShadowFocus = '0 0 0 2px rgba(122, 117, 255, 0.2)'
export const dlsCheckboxGroupSpacing = '24px'
export const dlsCheckboxGroupSpacingSimple = '8px'
export const dlsCheckboxGroupLineSpacing = '8px'
export const dlsCheckboxIconSizeStrong = '6px'
export const dlsCheckboxIconSpacingStrong = '3px'
export const dlsCheckboxIconColorStrong = '#d3d9e6'
export const dlsCheckboxIconColorStrongDisabled = '#dfe6f3'
export const dlsCheckboxIconColorStrongChecked = '#534dff'
export const dlsCheckboxIconColorStrongCheckedDisabled = '#d6d1ff'
export const dlsSwitchWidthXs = '20px'
export const dlsSwitchWidthS = '26px'
export const dlsSwitchWidthM = '32px'
export const dlsSwitchHeightXs = '12px'
export const dlsSwitchHeightS = '16px'
export const dlsSwitchHeightM = '20px'
export const dlsSwitchThumbSizeXs = '8px'
export const dlsSwitchThumbSizeS = '12px'
export const dlsSwitchThumbSizeM = '14px'
export const dlsSwitchPaddingXs = '2px'
export const dlsSwitchPaddingS = '2px'
export const dlsSwitchPaddingM = '3px'
export const dlsSwitchTrackColorOn = '#534dff'
export const dlsSwitchTrackColorOnHover = '#7a75ff'
export const dlsSwitchTrackColorOnFocus = '#7a75ff'
export const dlsSwitchTrackColorOnActive = '#3934db'
export const dlsSwitchTrackColorOnDisabled = '#e3e0ff'
export const dlsSwitchTrackColorOff = '#a8b0bf'
export const dlsSwitchTrackColorOffHover = '#848b99'
export const dlsSwitchTrackColorOffFocus = '#848b99'
export const dlsSwitchTrackColorOffActive = '#545b66'
export const dlsSwitchTrackColorOffDisabled = '#dfe6f3'
export const dlsSwitchThumbColorOn = '#fff'
export const dlsSwitchThumbColorOnHover = '#fff'
export const dlsSwitchThumbColorOnFocus = '#fff'
export const dlsSwitchThumbColorOnActive = '#fff'
export const dlsSwitchThumbColorOnDisabled = '#fff'
export const dlsSwitchThumbColorOff = '#fff'
export const dlsSwitchThumbColorOffHover = '#fff'
export const dlsSwitchThumbColorOffFocus = '#fff'
export const dlsSwitchThumbColorOffActive = '#fff'
export const dlsSwitchThumbColorOffDisabled = '#fff'
export const dlsSwitchShadowOnFocus = '0 0 0 2px rgba(122, 117, 255, 0.2)'
export const dlsSwitchShadowOffFocus = '0 0 0 2px rgba(122, 117, 255, 0.2)'
export const dlsInputFontSizeXs = '12px'
export const dlsInputFontSizeS = '12px'
export const dlsInputFontSizeM = '14px'
export const dlsInputFontSizeL = '16px'
export const dlsInputHeightXs = '24px'
export const dlsInputHeightS = '28px'
export const dlsInputHeightM = '32px'
export const dlsInputHeightL = '36px'
export const dlsInputWidth = '300px'
export const dlsInputBorderRadiusXs = '4px'
export const dlsInputBorderRadiusS = '4px'
export const dlsInputBorderRadiusM = '4px'
export const dlsInputBorderRadiusL = '4px'
export const dlsInputPadding = '12px'
export const dlsInputContentSpacing = '8px'
export const dlsInputBorderColor = '#d3d9e6'
export const dlsInputBorderColorHover = '#a8b0bf'
export const dlsInputBorderColorFocus = '#534dff'
export const dlsInputBorderColorError = '#d9150b'
export const dlsInputBorderColorErrorHover = '#d9150b'
export const dlsInputBorderColorErrorFocus = '#d9150b'
export const dlsInputBorderColorReadOnly = '#d3d9e6'
export const dlsInputBorderColorReadOnlyHover = '#a8b0bf'
export const dlsInputBorderColorReadOnlyFocus = '#534dff'
export const dlsInputBorderColorDisabled = '#dfe6f3'
export const dlsInputBackgroundColor = '#fff'
export const dlsInputBackgroundColorReadOnly = '#f6f7fa'
export const dlsInputBackgroundColorDisabled = '#f6f7fa'
export const dlsInputFontColor = 'rgba(13, 15, 18, 0.95)'
export const dlsInputFontColorError = 'rgba(13, 15, 18, 0.95)'
export const dlsInputFontColorReadOnly = 'rgba(80, 90, 107, 0.8)'
export const dlsInputFontColorDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsInputPlaceholderColor = 'rgba(80, 90, 107, 0.8)'
export const dlsInputCountColor = 'rgba(80, 90, 107, 0.8)'
export const dlsInputCountColorError = '#d9150b'
export const dlsInputShadowFocus = '0 0 0 2px rgba(122, 117, 255, 0.2)'
export const dlsInputShadowInlineFocus = '0 1px 0 0 #7a75ff'
export const dlsInputShadowErrorFocus = '0 0 0 2px rgba(255, 43, 32, 0.2)'
export const dlsInputShadowInlineErrorFocus = '0 1px 0 0 #ff2b20'
export const dlsInputIconSize = 'calc(1em + 2px)'
export const dlsInputIconColor = 'rgba(80, 90, 107, 0.8)'
export const dlsInputIconColorDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsTextareaFontSizeS = '12px'
export const dlsTextareaFontSizeM = '14px'
export const dlsTextareaLineHeight = '1.4'
export const dlsTextareaPaddingX = '12px'
export const dlsTextareaPaddingY = '8px'
export const dlsTextareaWidth = '300px'
export const dlsTextareaRows = '3'
export const dlsTextareaHeightS = '68.4px'
export const dlsTextareaHeightM = '76.8px'
export const dlsTextareaCountHeight = '16px'
export const dlsTextareaCountPadding = '4px'
export const dlsTextareaCountFontSize = '12px'
export const dlsTextareaCountFontColor = '#fff'
export const dlsTextareaCountFontColorError = '#fff'
export const dlsTextareaCountBackgroundColor = 'rgba(0, 0, 0, 0.6)'
export const dlsTextareaCountBackgroundColorError = 'rgba(217, 21, 11, 0.6)'
export const dlsTextareaCountBorderRadius = '4px'
export const dlsNumberInputHeightXs = '24px'
export const dlsNumberInputHeightS = '28px'
export const dlsNumberInputHeightM = '32px'
export const dlsNumberInputSpinIconSizeNormal = '0.85em'
export const dlsNumberInputSpinButtonMinWidthNormal = '18px'
export const dlsNumberInputSpinButtonWidthNormalXs = '18px'
export const dlsNumberInputSpinButtonWidthNormalS = '18px'
export const dlsNumberInputSpinButtonWidthNormalM = '18px'
export const dlsNumberInputDigitsNormal = '6'
export const dlsNumberInputWidthNormalXs = 'calc(6ch + 43px)'
export const dlsNumberInputWidthNormalS = 'calc(6ch + 43px)'
export const dlsNumberInputWidthNormalM = 'calc(6ch + 43px)'
export const dlsNumberInputSpinIconSizeStrong = '1em'
export const dlsNumberInputDigitsStrong = '6'
export const dlsNumberInputWidthStrongXs = 'calc(6ch + 72px)'
export const dlsNumberInputWidthStrongS = 'calc(6ch + 80px)'
export const dlsNumberInputWidthStrongM = 'calc(6ch + 88px)'
export const dlsNumberInputSpinIconColor = 'rgba(80, 90, 107, 0.8)'
export const dlsNumberInputSpinIconColorDisabled = 'rgba(60, 83, 133, 0.3)'
export const dlsOptionFontSizeXs = '12px'
export const dlsOptionFontSizeS = '12px'
export const dlsOptionFontSizeM = '14px'
export const dlsOptionFontSizeL = '16px'
export const dlsOptionHeightXs = '24px'
export const dlsOptionHeightS = '28px'
export const dlsOptionHeightM = '32px'
export const dlsOptionHeightL = '36px'
export const dlsOptionPaddingXs = '16px'
export const dlsOptionPaddingS = '16px'
export const dlsOptionPaddingM = '16px'
export const dlsOptionPaddingL = '16px'
export const dlsOptionMaxWidthXs = 'calc(40em + 32px)'
export const dlsOptionMaxWidthS = 'calc(40em + 32px)'
export const dlsOptionMaxWidthM = 'calc(40em + 32px)'
export const dlsOptionMaxWidthL = 'calc(40em + 32px)'
export const dlsOptionIconSizeAux = 'calc(1em + 2px)'
export const dlsOptionLabelSpacingBefore = '8px'
export const dlsOptionLabelSpacingAfter = '12px'
export const dlsOptionFontColor = 'rgba(13, 15, 18, 0.95)'
export const dlsOptionFontColorHover = 'rgba(13, 15, 18, 0.95)'
export const dlsOptionFontColorFocus = 'rgba(13, 15, 18, 0.95)'
export const dlsOptionFontColorActive = 'rgba(13, 15, 18, 0.95)'
export const dlsOptionFontColorDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsOptionFontColorHighlighted = '#f27318'
export const dlsOptionIconColorAux = 'rgba(80, 90, 107, 0.8)'
export const dlsOptionIconColorAuxDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsOptionFontColorSelected = '#534dff'
export const dlsOptionFontColorSelectedHover = '#7a75ff'
export const dlsOptionFontColorSelectedFocus = '#7a75ff'
export const dlsOptionFontColorSelectedActive = '#3934db'
export const dlsOptionBackgroundColor = '#fff'
export const dlsOptionBackgroundColorHover = '#f6f7fa'
export const dlsOptionBackgroundColorFocus = '#e3e0ff'
export const dlsOptionBackgroundColorActive = '#dfe6f3'
export const dlsOptionBackgroundColorSelectedParent = '#f6f7fa'
export const dlsOptionFontWeightSelectedParent = '400'
export const dlsOptionFontWeightSelected = '400'
export const dlsOptionGroupLabelLineHeight = '1.4'
export const dlsOptionGroupLabelFontColor = 'rgba(80, 90, 107, 0.8)'
export const dlsOptionGroupLabelPaddingY = '4px'
export const dlsOptionGroupPaddingY = '4px'
export const dlsOptionGroupSeparatorColor = '#dfe6f3'
export const dlsTimePickerWidth = '150px'
export const dlsTimePickerDropdownMinWidth = '150px'
export const dlsTimePickerOptionContentMinWidth = '2ch'
export const dlsTimePickerIconColor = 'rgba(80, 90, 107, 0.8)'
export const dlsTimePickerIconColorDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsPaginationFontSizeXs = '12px'
export const dlsPaginationFontSizeS = '12px'
export const dlsPaginationFontSizeM = '14px'
export const dlsPaginationPageItemMinWidthXs = '24px'
export const dlsPaginationPageItemMinWidthS = '28px'
export const dlsPaginationPageItemMinWidthM = '32px'
export const dlsPaginationPageItemPaddingX = '4px'
export const dlsPaginationPageItemSpacing = '4px'
export const dlsPaginationPartSpacing = '24px'
export const dlsPaginationContentSpacing = '8px'
export const dlsPaginationGotoInputPaddingX = '8px'
export const dlsPaginationGotoInputDigits = '3'
export const dlsPaginationGotoInputWidth = 'calc(3ch + 18px)'
export const dlsPaginationPageItemFontColor = 'rgba(13, 15, 18, 0.95)'
export const dlsPaginationPageItemFontColorDisabled = 'rgba(83, 98, 128, 0.5)'
export const dlsPaginationPageItemBackgroundColor = '#fff'
export const dlsPaginationPageItemBackgroundColorHover = '#f6f7fa'
export const dlsPaginationPageItemBackgroundColorFocus = '#f6f7fa'
export const dlsPaginationPageItemBackgroundColorActive = '#dfe6f3'
export const dlsPaginationPageItemBackgroundColorDisabled = '#fff'
export const dlsPaginationPageItemFontColorCurrent = '#534dff'
export const dlsPaginationPageItemBackgroundColorCurrent = '#eeedff'
export const dlsPaginationPageItemBackgroundColorCurrentHover = '#e3e0ff'
export const dlsPaginationPageItemBackgroundColorCurrentFocus = '#e3e0ff'
export const dlsPaginationPageItemBackgroundColorCurrentActive = '#d6d1ff'
export const dlsBadgeFontSize = '12px'
export const dlsBadgeDotSize = '8px'
export const dlsBadgeLabelHeight = '16px'
export const dlsBadgeLabelMinWidth = '16px'
export const dlsBadgeLabelPaddingX = '4px'
export const dlsBadgeLabelSpacingStatus = '8px'
export const dlsBadgeBackgroundColorInfo = '#534dff'
export const dlsBadgeBackgroundColorSuccess = '#009940'
export const dlsBadgeBackgroundColorWarning = '#ff9448'
export const dlsBadgeBackgroundColorError = '#d9150b'
export const dlsBadgeBackgroundColorAux = '#a8b0bf'
export const dlsBadgeFontColor = '#fff'
export const dlsBreadcrumbFontSizeS = '12px'
export const dlsBreadcrumbFontSizeM = '14px'
export const dlsBreadcrumbSeparatorIconSize = 'calc(1em + 2px)'
export const dlsBreadcrumbSeparatorColor = 'rgba(80, 90, 107, 0.8)'
export const dlsBreadcrumbSeparatorSpacing = '8px'
export const dlsBreadcrumbItemCurrentFontColor = 'rgba(13, 15, 18, 0.95)'
export const dlsBreadcrumbItemCurrentFontWeight = '500'
export const dlsStepsTitleFontSizeS = '12px'
export const dlsStepsTitleFontSizeM = '14px'
export const dlsStepsDescFontSizeS = '12px'
export const dlsStepsDescFontSizeM = '12px'
export const dlsStepsMarkerFontSizeS = '16px'
export const dlsStepsMarkerFontSizeM = '16px'
export const dlsStepsTitleFontWeight = '500'
export const dlsStepsTitleFontColor = 'rgba(13, 15, 18, 0.95)'
export const dlsStepsTitleFontColorHover = 'rgba(13, 15, 18, 0.95)'
export const dlsStepsTitleFontColorFocus = 'rgba(13, 15, 18, 0.95)'
export const dlsStepsTitleFontColorActive = 'rgba(13, 15, 18, 0.95)'
export const dlsStepsDescFontColor = 'rgba(80, 90, 107, 0.8)'
export const dlsStepsTitleFontColorIncomplete = 'rgba(80, 90, 107, 0.8)'
export const dlsStepsDescFontColorIncomplete = 'rgba(80, 90, 107, 0.8)'
export const dlsStepsMarkerSizeS = '28px'
export const dlsStepsMarkerSizeM = '28px'
export const dlsStepsMarkerSizeDotS = '10px'
export const dlsStepsMarkerSizeDotM = '10px'
export const dlsStepsMarkerRingWidthDotS = '2px'
export const dlsStepsMarkerRingWidthDotM = '2px'
export const dlsStepsMarkerIconSize = '16px'
export const dlsStepsTitleMaxWidth = '10em'
export const dlsStepsDescMaxWidth = '12em'
export const dlsStepsMarkerSpacing = '8px'
export const dlsStepsTitleSpacing = '4px'
export const dlsStepsConnectorSpacingHorizontal = '8px'
export const dlsStepsConnectorSpacingVertical = '8px'
export const dlsStepsConnectorMinLength = '40px'
export const dlsStepsMarkerBackgroundColorIncomplete = '#ecf1fb'
export const dlsStepsMarkerBackgroundColorIncompleteHover = '#dfe6f3'
export const dlsStepsMarkerBackgroundColorIncompleteFocus = '#dfe6f3'
export const dlsStepsMarkerBackgroundColorIncompleteActive = '#d3d9e6'
export const dlsStepsMarkerBorderColorIncomplete = 'transparent'
export const dlsStepsMarkerBackgroundColorDotIncomplete = '#a8b0bf'
export const dlsStepsMarkerBackgroundColorDotIncompleteHover = '#848b99'
export const dlsStepsMarkerBackgroundColorDotIncompleteFocus = '#848b99'
export const dlsStepsMarkerBackgroundColorDotIncompleteActive = '#545b66'
export const dlsStepsMarkerBorderColorDotIncomplete = 'transparent'
export const dlsStepsMarkerForegroundColorIncomplete = 'rgba(80, 90, 107, 0.8)'
export const dlsStepsConnectorColorIncomplete = '#d3d9e6'
export const dlsStepsMarkerBackgroundColorCompleted = '#eeedff'
export const dlsStepsMarkerBackgroundColorCompletedHover = '#e3e0ff'
export const dlsStepsMarkerBackgroundColorCompletedFocus = '#e3e0ff'
export const dlsStepsMarkerBackgroundColorCompletedActive = '#d6d1ff'
export const dlsStepsMarkerBorderColorCompleted = 'transparent'
export const dlsStepsMarkerBackgroundColorDotCompleted = '#534dff'
export const dlsStepsMarkerBackgroundColorDotCompletedHover = '#7a75ff'
export const dlsStepsMarkerBackgroundColorDotCompletedFocus = '#7a75ff'
export const dlsStepsMarkerBackgroundColorDotCompletedActive = '#3934db'
export const dlsStepsMarkerBorderColorDotCompleted = 'transparent'
export const dlsStepsMarkerForegroundColorCompleted = '#534dff'
export const dlsStepsConnectorColorCompleted = '#534dff'
export const dlsStepsMarkerBackgroundColorError = '#ffeceb'
export const dlsStepsMarkerBackgroundColorErrorHover = '#ffdedc'
export const dlsStepsMarkerBackgroundColorErrorFocus = '#ffdedc'
export const dlsStepsMarkerBackgroundColorErrorActive = '#ffc4c0'
export const dlsStepsMarkerBorderColorError = 'transparent'
export const dlsStepsMarkerBackgroundColorDotError = '#d9150b'
export const dlsStepsMarkerBackgroundColorDotErrorHover = '#ff2b20'
export const dlsStepsMarkerBackgroundColorDotErrorFocus = '#ff2b20'
export const dlsStepsMarkerBackgroundColorDotErrorActive = '#b80900'
export const dlsStepsMarkerBorderColorDotError = 'transparent'
export const dlsStepsMarkerForegroundColorError = '#d9150b'
export const dlsStepsConnectorColorError = '#d9150b'
export const dlsStepsMarkerBackgroundColorCurrent = '#534dff'
export const dlsStepsMarkerBackgroundColorCurrentHover = '#7a75ff'
export const dlsStepsMarkerBackgroundColorCurrentFocus = '#7a75ff'
export const dlsStepsMarkerBackgroundColorCurrentActive = '#3934db'
export const dlsStepsMarkerBorderColorCurrent = 'transparent'
export const dlsStepsMarkerBackgroundColorDotCurrent = '#534dff'
export const dlsStepsMarkerBackgroundColorDotCurrentHover = '#7a75ff'
export const dlsStepsMarkerBackgroundColorDotCurrentFocus = '#7a75ff'
export const dlsStepsMarkerBackgroundColorDotCurrentActive = '#3934db'
export const dlsStepsMarkerBorderColorDotCurrent = 'transparent'
export const dlsStepsMarkerForegroundColorCurrent = '#fff'
export const dlsStepsConnectorColorCurrent = '#534dff'
export const dlsStepsMarkerBackgroundColorErrorCurrent = '#d9150b'
export const dlsStepsMarkerBackgroundColorErrorCurrentHover = '#ff2b20'
export const dlsStepsMarkerBackgroundColorErrorCurrentFocus = '#ff2b20'
export const dlsStepsMarkerBackgroundColorErrorCurrentActive = '#b80900'
export const dlsStepsMarkerBorderColorErrorCurrent = 'transparent'
export const dlsStepsMarkerBackgroundColorDotErrorCurrent = '#d9150b'
export const dlsStepsMarkerBackgroundColorDotErrorCurrentHover = '#ff2b20'
export const dlsStepsMarkerBackgroundColorDotErrorCurrentFocus = '#ff2b20'
export const dlsStepsMarkerBackgroundColorDotErrorCurrentActive = '#b80900'
export const dlsStepsMarkerBorderColorDotErrorCurrent = 'transparent'
export const dlsStepsMarkerForegroundColorErrorCurrent = '#fff'
export const dlsStepsConnectorColorErrorCurrent = '#d9150b'
export const dlsStepsMarkerBackgroundColorStateless = '#eeedff'
export const dlsStepsMarkerBorderColorStateless = 'transparent'
export const dlsStepsMarkerBackgroundColorDotStateless = '#534dff'
export const dlsStepsMarkerBorderColorDotStateless = 'transparent'
export const dlsStepsMarkerForegroundColorStateless = '#534dff'
export const dlsStepsConnectorColorStateless = '#d3d9e6'
export const dlsStepsMarkerBorderColorFocus = '#534dff'
export const dlsStepsMarkerBorderColorErrorFocus = '#d9150b'
export const dlsStepsMarkerShadowFocus = '0 0 0 2px rgba(122, 117, 255, 0.2)'
export const dlsStepsMarkerShadowErrorFocus = '0 0 0 2px rgba(255, 43, 32, 0.2)'
export const dlsTagHeightS = '24px'
export const dlsTagHeightM = '28px'
export const dlsTagBorderRadiusS = '4px'
export const dlsTagBorderRadiusM = '4px'
export const dlsTagPadding = '8px'
export const dlsTagContentSpacing = '8px'
export const dlsTagListSpacing = '4px'
export const dlsTagFontSizeS = '12px'
export const dlsTagFontSizeM = '14px'
export const dlsTagIconSizeAux = 'calc(1em - 2px)'
export const dlsTagColor = 'rgba(45, 52, 64, 0.8)'
export const dlsTagColorSelected = '#534dff'
export const dlsTagColorDefault = '#848b99'
export const dlsTagColorDefaultSelected = '#534dff'
export const dlsTagColorInfo = '#534dff'
export const dlsTagColorSuccess = '#009940'
export const dls