@salutejs/sdds-scan 0.326.0-canary.2325.19236948330.0 → 0.326.0-dev.0

package/mixins/index.d.ts

@@ -1,4 +1,5 @@
 export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
+export { addScrollbar } from '../components/Scrollbar/Scrollbar';
 export declare const applyPaper: ({ backgroundColor, shadow, borderRadius, styles }: {
     backgroundColor?: ("textPrimaryHover" | "textPrimaryActive" | "textPrimaryBrightness" | "textSecondaryHover" | "textSecondaryActive" | "textTertiaryHover" | "textTertiaryActive" | "textParagraphHover" | "textParagraphActive" | "textAccentHover" | "textAccentActive" | "textAccentMinor" | "textAccentMinorHover" | "textAccentMinorActive" | "textPositiveHover" | "textPositiveActive" | "textWarningHover" | "textWarningActive" | "textNegativeHover" | "textNegativeActive" | "textInfoHover" | "textInfoActive" | "textPositiveMinor" | "textPositiveMinorHover" | "textPositiveMinorActive" | "textWarningMinor" | "textWarningMinorHover" | "textWarningMinorActive" | "textNegativeMinor" | "textNegativeMinorHover" | "textNegativeMinorActive" | "textInfoMinor" | "textInfoMinorHover" | "textInfoMinorActive" | "textPrimary" | "textSecondary" | "textTertiary" | "textParagraph" | "textPositive" | "textWarning" | "textNegative" | "textInfo" | "textAccent" | "onDarkTextPrimaryHover" | "onDarkTextPrimaryActive" | "onDarkTextPrimaryBrightness" | "onDarkTextSecondaryHover" | "onDarkTextSecondaryActive" | "onDarkTextTertiaryHover" | "onDarkTextTertiaryActive" | "onDarkTextParagraphHover" | "onDarkTextParagraphActive" | "onDarkTextAccentHover" | "onDarkTextAccentActive" | "onDarkTextAccentMinor" | "onDarkTextAccentMinorHover" | "onDarkTextAccentMinorActive" | "onDarkTextPositiveHover" | "onDarkTextPositiveActive" | "onDarkTextWarningHover" | "onDarkTextWarningActive" | "onDarkTextNegativeHover" | "onDarkTextNegativeActive" | "onDarkTextInfoHover" | "onDarkTextInfoActive" | "onDarkTextPositiveMinor" | "onDarkTextPositiveMinorHover" | "onDarkTextPositiveMinorActive" | "onDarkTextWarningMinor" | "onDarkTextWarningMinorHover" | "onDarkTextWarningMinorActive" | "onDarkTextNegativeMinor" | "onDarkTextNegativeMinorHover" | "onDarkTextNegativeMinorActive" | "onDarkTextInfoMinor" | "onDarkTextInfoMinorHover" | "onDarkTextInfoMinorActive" | "onDarkTextPrimary" | "onDarkTextSecondary" | "onDarkTextTertiary" | "onDarkTextParagraph" | "onDarkTextPositive" | "onDarkTextWarning" | "onDarkTextNegative" | "onDarkTextInfo" | "onDarkTextAccent" | "onLightTextPrimary" | "onLightTextPrimaryHover" | "onLightTextPrimaryActive" | "onLightTextPrimaryBrightness" | "onLightTextSecondary" | "onLightTextSecondaryHover" | "onLightTextSecondaryActive" | "onLightTextTertiary" | "onLightTextTertiaryHover" | "onLightTextTertiaryActive" | "onLightTextParagraph" | "onLightTextParagraphHover" | "onLightTextParagraphActive" | "onLightTextAccentHover" | "onLightTextAccentActive" | "onLightTextAccentMinor" | "onLightTextAccentMinorHover" | "onLightTextAccentMinorActive" | "onLightTextPositiveHover" | "onLightTextPositiveActive" | "onLightTextWarningHover" | "onLightTextWarningActive" | "onLightTextNegativeHover" | "onLightTextNegativeActive" | "onLightTextInfoHover" | "onLightTextInfoActive" | "onLightTextPositiveMinor" | "onLightTextPositiveMinorHover" | "onLightTextPositiveMinorActive" | "onLightTextWarningMinor" | "onLightTextWarningMinorHover" | "onLightTextWarningMinorActive" | "onLightTextNegativeMinor" | "onLightTextNegativeMinorHover" | "onLightTextNegativeMinorActive" | "onLightTextInfoMinor" | "onLightTextInfoMinorHover" | "onLightTextInfoMinorActive" | "onLightTextPositive" | "onLightTextWarning" | "onLightTextNegative" | "onLightTextInfo" | "onLightTextAccent" | "inverseTextPrimary" | "inverseTextPrimaryHover" | "inverseTextPrimaryActive" | "inverseTextPrimaryBrightness" | "inverseTextSecondary" | "inverseTextSecondaryHover" | "inverseTextSecondaryActive" | "inverseTextTertiary" | "inverseTextTertiaryHover" | "inverseTextTertiaryActive" | "inverseTextParagraph" | "inverseTextParagraphHover" | "inverseTextParagraphActive" | "inverseTextAccentHover" | "inverseTextAccentActive" | "inverseTextAccentMinor" | "inverseTextAccentMinorHover" | "inverseTextAccentMinorActive" | "inverseTextPositiveHover" | "inverseTextPositiveActive" | "inverseTextWarningHover" | "inverseTextWarningActive" | "inverseTextNegativeHover" | "inverseTextNegativeActive" | "inverseTextInfoHover" | "inverseTextInfoActive" | "inverseTextPositiveMinor" | "inverseTextPositiveMinorHover" | "inverseTextPositiveMinorActive" | "inverseTextWarningMinor" | "inverseTextWarningMinorHover" | "inverseTextWarningMinorActive" | "inverseTextNegativeMinor" | "inverseTextNegativeMinorHover" | "inverseTextNegativeMinorActive" | "inverseTextInfoMinor" | "inverseTextInfoMinorHover" | "inverseTextInfoMinorActive" | "inverseTextPositive" | "inverseTextWarning" | "inverseTextNegative" | "inverseTextInfo" | "inverseTextAccent" | "surfaceSolidPrimary" | "surfaceSolidPrimaryHover" | "surfaceSolidPrimaryActive" | "surfaceSolidPrimaryBrightness" | "surfaceSolidSecondary" | "surfaceSolidSecondaryHover" | "surfaceSolidSecondaryActive" | "surfaceSolidTertiary" | "surfaceSolidTertiaryHover" | "surfaceSolidTertiaryActive" | "surfaceSolidCard" | "surfaceSolidCardHover" | "surfaceSolidCardActive" | "surfaceSolidCardBrightness" | "surfaceSolidDefault" | "surfaceSolidDefaultHover" | "surfaceSolidDefaultActive" | "surfaceTransparentPrimary" | "surfaceTransparentPrimaryHover" | "surfaceTransparentPrimaryActive" | "surfaceTransparentSecondary" | "surfaceTransparentSecondaryHover" | "surfaceTransparentSecondaryActive" | "surfaceTransparentTertiary" | "surfaceTransparentTertiaryHover" | "surfaceTransparentTertiaryActive" | "surfaceTransparentDeep" | "surfaceTransparentDeepHover" | "surfaceTransparentDeepActive" | "surfaceTransparentCard" | "surfaceTransparentCardHover" | "surfaceTransparentCardActive" | "surfaceTransparentCardBrightness" | "surfaceClear" | "surfaceClearHover" | "surfaceClearActive" | "surfaceAccent" | "surfaceAccentHover" | "surfaceAccentActive" | "surfaceAccentMinor" | "surfaceAccentMinorHover" | "surfaceAccentMinorActive" | "surfaceTransparentAccent" | "surfaceTransparentAccentHover" | "surfaceTransparentAccentActive" | "surfacePositiveHover" | "surfacePositiveActive" | "surfaceWarningHover" | "surfaceWarningActive" | "surfaceNegativeHover" | "surfaceNegativeActive" | "surfaceInfoHover" | "surfaceInfoActive" | "surfacePositiveMinor" | "surfacePositiveMinorHover" | "surfacePositiveMinorActive" | "surfaceWarningMinor" | "surfaceWarningMinorHover" | "surfaceWarningMinorActive" | "surfaceNegativeMinor" | "surfaceNegativeMinorHover" | "surfaceNegativeMinorActive" | "surfaceInfoMinor" | "surfaceInfoMinorHover" | "surfaceInfoMinorActive" | "surfaceTransparentPositiveHover" | "surfaceTransparentPositiveActive" | "surfaceTransparentWarningHover" | "surfaceTransparentWarningActive" | "surfaceTransparentNegativeHover" | "surfaceTransparentNegativeActive" | "surfaceTransparentInfoHover" | "surfaceTransparentInfoActive" | "surfacePositive" | "surfaceWarning" | "surfaceNegative" | "surfaceInfo" | "surfaceTransparentPositive" | "surfaceTransparentWarning" | "surfaceTransparentNegative" | "surfaceTransparentInfo" | "onDarkSurfaceSolidPrimary" | "onDarkSurfaceSolidPrimaryHover" | "onDarkSurfaceSolidPrimaryActive" | "onDarkSurfaceSolidPrimaryBrightness" | "onDarkSurfaceSolidSecondary" | "onDarkSurfaceSolidSecondaryHover" | "onDarkSurfaceSolidSecondaryActive" | "onDarkSurfaceSolidTertiary" | "onDarkSurfaceSolidTertiaryHover" | "onDarkSurfaceSolidTertiaryActive" | "onDarkSurfaceSolidCard" | "onDarkSurfaceSolidCardHover" | "onDarkSurfaceSolidCardActive" | "onDarkSurfaceSolidCardBrightness" | "onDarkSurfaceSolidDefault" | "onDarkSurfaceSolidDefaultHover" | "onDarkSurfaceSolidDefaultActive" | "onDarkSurfaceTransparentPrimary" | "onDarkSurfaceTransparentPrimaryHover" | "onDarkSurfaceTransparentPrimaryActive" | "onDarkSurfaceTransparentSecondary" | "onDarkSurfaceTransparentSecondaryHover" | "onDarkSurfaceTransparentSecondaryActive" | "onDarkSurfaceTransparentTertiary" | "onDarkSurfaceTransparentTertiaryHover" | "onDarkSurfaceTransparentTertiaryActive" | "onDarkSurfaceTransparentDeep" | "onDarkSurfaceTransparentDeepHover" | "onDarkSurfaceTransparentDeepActive" | "onDarkSurfaceTransparentCard" | "onDarkSurfaceTransparentCardHover" | "onDarkSurfaceTransparentCardActive" | "onDarkSurfaceTransparentCardBrightness" | "onDarkSurfaceAccent" | "onDarkSurfaceAccentHover" | "onDarkSurfaceAccentActive" | "onDarkSurfaceAccentMinor" | "onDarkSurfaceAccentMinorHover" | "onDarkSurfaceAccentMinorActive" | "onDarkSurfaceTransparentAccent" | "onDarkSurfaceTransparentAccentHover" | "onDarkSurfaceTransparentAccentActive" | "onDarkSurfacePositiveHover" | "onDarkSurfacePositiveActive" | "onDarkSurfaceWarningHover" | "onDarkSurfaceWarningActive" | "onDarkSurfaceNegativeHover" | "onDarkSurfaceNegativeActive" | "onDarkSurfaceInfoHover" | "onDarkSurfaceInfoActive" | "onDarkSurfacePositiveMinor" | "onDarkSurfacePositiveMinorHover" | "onDarkSurfacePositiveMinorActive" | "onDarkSurfaceWarningMinor" | "onDarkSurfaceWarningMinorHover" | "onDarkSurfaceWarningMinorActive" | "onDarkSurfaceNegativeMinor" | "onDarkSurfaceNegativeMinorHover" | "onDarkSurfaceNegativeMinorActive" | "onDarkSurfaceInfoMinor" | "onDarkSurfaceInfoMinorHover" | "onDarkSurfaceInfoMinorActive" | "onDarkSurfaceTransparentPositiveHover" | "onDarkSurfaceTransparentPositiveActive" | "onDarkSurfaceTransparentWarningHover" | "onDarkSurfaceTransparentWarningActive" | "onDarkSurfaceTransparentNegativeHover" | "onDarkSurfaceTransparentNegativeActive" | "onDarkSurfaceTransparentInfoHover" | "onDarkSurfaceTransparentInfoActive" | "onDarkSurfacePositive" | "onDarkSurfaceWarning" | "onDarkSurfaceNegative" | "onDarkSurfaceInfo" | "onDarkSurfaceTransparentPositive" | "onDarkSurfaceTransparentWarning" | "onDarkSurfaceTransparentNegative" | "onDarkSurfaceTransparentInfo" | "onLightSurfaceSolidPrimary" | "onLightSurfaceSolidPrimaryHover" | "onLightSurfaceSolidPrimaryActive" | "onLightSurfaceSolidPrimaryBrightness" | "onLightSurfaceSolidSecondary" | "onLightSurfaceSolidSecondaryHover" | "onLightSurfaceSolidSecondaryActive" | "onLightSurfaceSolidTertiary" | "onLightSurfaceSolidTertiaryHover" | "onLightSurfaceSolidTertiaryActive" | "onLightSurfaceSolidCard" | "onLightSurfaceSolidCardHover" | "onLightSurfaceSolidCardActive" | "onLightSurfaceSolidCardBrightness" | "onLightSurfaceSolidDefault" | "onLightSurfaceSolidDefaultHover" | "onLightSurfaceSolidDefaultActive" | "onLightSurfaceTransparentPrimaryHover" | "onLightSurfaceTransparentPrimaryActive" | "onLightSurfaceTransparentSecondaryHover" | "onLightSurfaceTransparentSecondaryActive" | "onLightSurfaceTransparentTertiary" | "onLightSurfaceTransparentTertiaryHover" | "onLightSurfaceTransparentTertiaryActive" | "onLightSurfaceTransparentDeep" | "onLightSurfaceTransparentDeepHover" | "onLightSurfaceTransparentDeepActive" | "onLightSurfaceTransparentCard" | "onLightSurfaceTransparentCardHover" | "onLightSurfaceTransparentCardActive" | "onLightSurfaceTransparentCardBrightness" | "onLightSurfaceAccent" | "onLightSurfaceAccentHover" | "onLightSurfaceAccentActive" | "onLightSurfaceAccentMinor" | "onLightSurfaceAccentMinorHover" | "onLightSurfaceAccentMinorActive" | "onLightSurfaceTransparentAccent" | "onLightSurfaceTransparentAccentHover" | "onLightSurfaceTransparentAccentActive" | "onLightSurfacePositiveHover" | "onLightSurfacePositiveActive" | "onLightSurfaceWarningHover" | "onLightSurfaceWarningActive" | "onLightSurfaceNegativeHover" | "onLightSurfaceNegativeActive" | "onLightSurfaceInfoHover" | "onLightSurfaceInfoActive" | "onLightSurfacePositiveMinor" | "onLightSurfacePositiveMinorHover" | "onLightSurfacePositiveMinorActive" | "onLightSurfaceWarningMinor" | "onLightSurfaceWarningMinorHover" | "onLightSurfaceWarningMinorActive" | "onLightSurfaceNegativeMinor" | "onLightSurfaceNegativeMinorHover" | "onLightSurfaceNegativeMinorActive" | "onLightSurfaceInfoMinor" | "onLightSurfaceInfoMinorHover" | "onLightSurfaceInfoMinorActive" | "onLightSurfaceTransparentPositiveHover" | "onLightSurfaceTransparentPositiveActive" | "onLightSurfaceTransparentWarningHover" | "onLightSurfaceTransparentWarningActive" | "onLightSurfaceTransparentNegativeHover" | "onLightSurfaceTransparentNegativeActive" | "onLightSurfaceTransparentInfoHover" | "onLightSurfaceTransparentInfoActive" | "onLightSurfaceTransparentPrimary" | "onLightSurfaceTransparentSecondary" | "onLightSurfacePositive" | "onLightSurfaceWarning" | "onLightSurfaceNegative" | "onLightSurfaceInfo" | "onLightSurfaceTransparentPositive" | "onLightSurfaceTransparentWarning" | "onLightSurfaceTransparentNegative" | "onLightSurfaceTransparentInfo" | "inverseSurfaceSolidPrimary" | "inverseSurfaceSolidPrimaryHover" | "inverseSurfaceSolidPrimaryActive" | "inverseSurfaceSolidPrimaryBrightness" | "inverseSurfaceSolidSecondary" | "inverseSurfaceSolidSecondaryHover" | "inverseSurfaceSolidSecondaryActive" | "inverseSurfaceSolidTertiary" | "inverseSurfaceSolidTertiaryHover" | "inverseSurfaceSolidTertiaryActive" | "inverseSurfaceSolidCard" | "inverseSurfaceSolidCardHover" | "inverseSurfaceSolidCardActive" | "inverseSurfaceSolidCardBrightness" | "inverseSurfaceSolidDefault" | "inverseSurfaceSolidDefaultHover" | "inverseSurfaceSolidDefaultActive" | "inverseSurfaceTransparentPrimaryHover" | "inverseSurfaceTransparentPrimaryActive" | "inverseSurfaceTransparentSecondaryHover" | "inverseSurfaceTransparentSecondaryActive" | "inverseSurfaceTransparentTertiary" | "inverseSurfaceTransparentTertiaryHover" | "inverseSurfaceTransparentTertiaryActive" | "inverseSurfaceTransparentDeep" | "inverseSurfaceTransparentDeepHover" | "inverseSurfaceTransparentDeepActive" | "inverseSurfaceTransparentCard" | "inverseSurfaceTransparentCardHover" | "inverseSurfaceTransparentCardActive" | "inverseSurfaceTransparentCardBrightness" | "inverseSurfaceAccent" | "inverseSurfaceAccentHover" | "inverseSurfaceAccentActive" | "inverseSurfaceAccentMinor" | "inverseSurfaceAccentMinorHover" | "inverseSurfaceAccentMinorActive" | "inverseSurfaceTransparentAccent" | "inverseSurfaceTransparentAccentHover" | "inverseSurfaceTransparentAccentActive" | "inverseSurfacePositiveHover" | "inverseSurfacePositiveActive" | "inverseSurfaceWarningHover" | "inverseSurfaceWarningActive" | "inverseSurfaceNegativeHover" | "inverseSurfaceNegativeActive" | "inverseSurfaceInfoHover" | "inverseSurfaceInfoActive" | "inverseSurfacePositiveMinor" | "inverseSurfacePositiveMinorHover" | "inverseSurfacePositiveMinorActive" | "inverseSurfaceWarningMinor" | "inverseSurfaceWarningMinorHover" | "inverseSurfaceWarningMinorActive" | "inverseSurfaceNegativeMinor" | "inverseSurfaceNegativeMinorHover" | "inverseSurfaceNegativeMinorActive" | "inverseSurfaceInfoMinor" | "inverseSurfaceInfoMinorHover" | "inverseSurfaceInfoMinorActive" | "inverseSurfaceTransparentPositiveHover" | "inverseSurfaceTransparentPositiveActive" | "inverseSurfaceTransparentWarningHover" | "inverseSurfaceTransparentWarningActive" | "inverseSurfaceTransparentNegativeHover" | "inverseSurfaceTransparentNegativeActive" | "inverseSurfaceTransparentInfoHover" | "inverseSurfaceTransparentInfoActive" | "inverseSurfaceTransparentPrimary" | "inverseSurfaceTransparentSecondary" | "inverseSurfacePositive" | "inverseSurfaceWarning" | "inverseSurfaceNegative" | "inverseSurfaceInfo" | "inverseSurfaceTransparentPositive" | "inverseSurfaceTransparentWarning" | "inverseSurfaceTransparentNegative" | "inverseSurfaceTransparentInfo" | "backgroundPrimary" | "darkBackgroundPrimary" | "lightBackgroundPrimary" | "inverseBackgroundPrimary" | "overlaySoft" | "overlayHard" | "overlayBlur" | "onDarkOverlaySoft" | "onDarkOverlayHard" | "onDarkOverlayBlur" | "onLightOverlaySoft" | "onLightOverlayHard" | "onLightOverlayBlur" | "inverseOverlaySoft" | "inverseOverlayHard" | "inverseOverlayBlur" | "outlineSolidPrimary" | "outlineSolidPrimaryHover" | "outlineSolidPrimaryActive" | "outlineSolidSecondary" | "outlineSolidSecondaryHover" | "outlineSolidSecondaryActive" | "outlineSolidTertiary" | "outlineSolidTertiaryHover" | "outlineSolidTertiaryActive" | "outlineSolidDefault" | "outlineSolidDefaultHover" | "outlineSolidDefaultActive" | "outlineTransparentPrimary" | "outlineTransparentPrimaryHover" | "outlineTransparentPrimaryActive" | "outlineTransparentSecondary" | "outlineTransparentSecondaryHover" | "outlineTransparentSecondaryActive" | "outlineTransparentTertiary" | "outlineTransparentTertiaryHover" | "outlineTransparentTertiaryActive" | "outlineClear" | "outlineClearHover" | "outlineClearActive" | "outlineAccentHover" | "outlineAccentActive" | "outlineAccentMinor" | "outlineAccentMinorHover" | "outlineAccentMinorActive" | "outlineTransparentAccentHover" | "outlineTransparentAccentActive" | "outlinePositiveHover" | "outlinePositiveActive" | "outlineWarningHover" | "outlineWarningActive" | "outlineNegativeHover" | "outlineNegativeActive" | "outlineInfoHover" | "outlineInfoActive" | "outlinePositiveMinor" | "outlinePositiveMinorHover" | "outlinePositiveMinorActive" | "outlineWarningMinor" | "outlineWarningMinorHover" | "outlineWarningMinorActive" | "outlineNegativeMinor" | "outlineNegativeMinorHover" | "outlineNegativeMinorActive" | "outlineInfoMinor" | "outlineInfoMinorHover" | "outlineInfoMinorActive" | "outlineTransparentPositiveHover" | "outlineTransparentPositiveActive" | "outlineTransparentWarningHover" | "outlineTransparentWarningActive" | "outlineTransparentNegativeHover" | "outlineTransparentNegativeActive" | "outlineTransparentInfoHover" | "outlineTransparentInfoActive" | "outlinePositive" | "outlineWarning" | "outlineNegative" | "outlineInfo" | "outlineTransparentPositive" | "outlineTransparentWarning" | "outlineTransparentNegative" | "outlineTransparentInfo" | "outlineAccent" | "outlineTransparentAccent" | "onDarkOutlineSolidPrimary" | "onDarkOutlineSolidPrimaryHover" | "onDarkOutlineSolidPrimaryActive" | "onDarkOutlineSolidSecondary" | "onDarkOutlineSolidSecondaryHover" | "onDarkOutlineSolidSecondaryActive" | "onDarkOutlineSolidTertiary" | "onDarkOutlineSolidTertiaryHover" | "onDarkOutlineSolidTertiaryActive" | "onDarkOutlineSolidDefault" | "onDarkOutlineSolidDefaultHover" | "onDarkOutlineSolidDefaultActive" | "onDarkOutlineTransparentPrimary" | "onDarkOutlineTransparentPrimaryHover" | "onDarkOutlineTransparentPrimaryActive" | "onDarkOutlineTransparentSecondary" | "onDarkOutlineTransparentSecondaryHover" | "onDarkOutlineTransparentSecondaryActive" | "onDarkOutlineTransparentTertiary" | "onDarkOutlineTransparentTertiaryHover" | "onDarkOutlineTransparentTertiaryActive" | "onDarkOutlineClear" | "onDarkOutlineClearHover" | "onDarkOutlineClearActive" | "onDarkOutlineAccentHover" | "onDarkOutlineAccentActive" | "onDarkOutlineAccentMinor" | "onDarkOutlineAccentMinorHover" | "onDarkOutlineAccentMinorActive" | "onDarkOutlineTransparentAccentHover" | "onDarkOutlineTransparentAccentActive" | "onDarkOutlinePositiveHover" | "onDarkOutlinePositiveActive" | "onDarkOutlineWarningHover" | "onDarkOutlineWarningActive" | "onDarkOutlineNegativeHover" | "onDarkOutlineNegativeActive" | "onDarkOutlineInfoHover" | "onDarkOutlineInfoActive" | "onDarkOutlinePositiveMinor" | "onDarkOutlinePositiveMinorHover" | "onDarkOutlinePositiveMinorActive" | "onDarkOutlineWarningMinor" | "onDarkOutlineWarningMinorHover" | "onDarkOutlineWarningMinorActive" | "onDarkOutlineNegativeMinor" | "onDarkOutlineNegativeMinorHover" | "onDarkOutlineNegativeMinorActive" | "onDarkOutlineInfoMinor" | "onDarkOutlineInfoMinorHover" | "onDarkOutlineInfoMinorActive" | "onDarkOutlineTransparentPositiveHover" | "onDarkOutlineTransparentPositiveActive" | "onDarkOutlineTransparentWarningHover" | "onDarkOutlineTransparentWarningActive" | "onDarkOutlineTransparentNegativeHover" | "onDarkOutlineTransparentNegativeActive" | "onDarkOutlineTransparentInfoHover" | "onDarkOutlineTransparentInfoActive" | "onDarkOutlinePositive" | "onDarkOutlineWarning" | "onDarkOutlineNegative" | "onDarkOutlineInfo" | "onDarkOutlineTransparentPositive" | "onDarkOutlineTransparentWarning" | "onDarkOutlineTransparentNegative" | "onDarkOutlineTransparentInfo" | "onDarkOutlineAccent" | "onDarkOutlineTransparentAccent" | "onLightOutlineSolidPrimary" | "onLightOutlineSolidPrimaryHover" | "onLightOutlineSolidPrimaryActive" | "onLightOutlineSolidSecondary" | "onLightOutlineSolidSecondaryHover" | "onLightOutlineSolidSecondaryActive" | "onLightOutlineSolidTertiary" | "onLightOutlineSolidTertiaryHover" | "onLightOutlineSolidTertiaryActive" | "onLightOutlineSolidDefault" | "onLightOutlineSolidDefaultHover" | "onLightOutlineSolidDefaultActive" | "onLightOutlineTransparentPrimary" | "onLightOutlineTransparentPrimaryHover" | "onLightOutlineTransparentPrimaryActive" | "onLightOutlineTransparentSecondary" | "onLightOutlineTransparentSecondaryHover" | "onLightOutlineTransparentSecondaryActive" | "onLightOutlineTransparentTertiary" | "onLightOutlineTransparentTertiaryHover" | "onLightOutlineTransparentTertiaryActive" | "onLightOutlineClear" | "onLightOutlineClearHover" | "onLightOutlineClearActive" | "onLightOutlineAccentHover" | "onLightOutlineAccentActive" | "onLightOutlineAccentMinor" | "onLightOutlineAccentMinorHover" | "onLightOutlineAccentMinorActive" | "onLightOutlineTransparentAccentHover" | "onLightOutlineTransparentAccentActive" | "onLightOutlinePositiveHover" | "onLightOutlinePositiveActive" | "onLightOutlineWarningHover" | "onLightOutlineWarningActive" | "onLightOutlineNegativeHover" | "onLightOutlineNegativeActive" | "onLightOutlineInfoHover" | "onLightOutlineInfoActive" | "onLightOutlinePositiveMinor" | "onLightOutlinePositiveMinorHover" | "onLightOutlinePositiveMinorActive" | "onLightOutlineWarningMinor" | "onLightOutlineWarningMinorHover" | "onLightOutlineWarningMinorActive" | "onLightOutlineNegativeMinor" | "onLightOutlineNegativeMinorHover" | "onLightOutlineNegativeMinorActive" | "onLightOutlineInfoMinor" | "onLightOutlineInfoMinorHover" | "onLightOutlineInfoMinorActive" | "onLightOutlineTransparentPositiveHover" | "onLightOutlineTransparentPositiveActive" | "onLightOutlineTransparentWarningHover" | "onLightOutlineTransparentWarningActive" | "onLightOutlineTransparentNegativeHover" | "onLightOutlineTransparentNegativeActive" | "onLightOutlineTransparentInfoHover" | "onLightOutlineTransparentInfoActive" | "onLightOutlinePositive" | "onLightOutlineWarning" | "onLightOutlineNegative" | "onLightOutlineInfo" | "onLightOutlineTransparentPositive" | "onLightOutlineTransparentWarning" | "onLightOutlineTransparentNegative" | "onLightOutlineTransparentInfo" | "onLightOutlineAccent" | "onLightOutlineTransparentAccent" | "inverseOutlineSolidPrimary" | "inverseOutlineSolidPrimaryHover" | "inverseOutlineSolidPrimaryActive" | "inverseOutlineSolidSecondary" | "inverseOutlineSolidSecondaryHover" | "inverseOutlineSolidSecondaryActive" | "inverseOutlineSolidTertiary" | "inverseOutlineSolidTertiaryHover" | "inverseOutlineSolidTertiaryActive" | "inverseOutlineSolidDefault" | "inverseOutlineSolidDefaultHover" | "inverseOutlineSolidDefaultActive" | "inverseOutlineTransparentPrimary" | "inverseOutlineTransparentPrimaryHover" | "inverseOutlineTransparentPrimaryActive" | "inverseOutlineTransparentSecondary" | "inverseOutlineTransparentSecondaryHover" | "inverseOutlineTransparentSecondaryActive" | "inverseOutlineTransparentTertiary" | "inverseOutlineTransparentTertiaryHover" | "inverseOutlineTransparentTertiaryActive" | "inverseOutlineClear" | "inverseOutlineClearHover" | "inverseOutlineClearActive" | "inverseOutlineAccentHover" | "inverseOutlineAccentActive" | "inverseOutlineAccentMinor" | "inverseOutlineAccentMinorHover" | "inverseOutlineAccentMinorActive" | "inverseOutlineTransparentAccentHover" | "inverseOutlineTransparentAccentActive" | "inverseOutlinePositiveHover" | "inverseOutlinePositiveActive" | "inverseOutlineWarningHover" | "inverseOutlineWarningActive" | "inverseOutlineNegativeHover" | "inverseOutlineNegativeActive" | "inverseOutlineInfoHover" | "inverseOutlineInfoActive" | "inverseOutlinePositiveMinor" | "inverseOutlinePositiveMinorHover" | "inverseOutlinePositiveMinorActive" | "inverseOutlineWarningMinor" | "inverseOutlineWarningMinorHover" | "inverseOutlineWarningMinorActive" | "inverseOutlineNegativeMinor" | "inverseOutlineNegativeMinorHover" | "inverseOutlineNegativeMinorActive" | "inverseOutlineInfoMinor" | "inverseOutlineInfoMinorHover" | "inverseOutlineInfoMinorActive" | "inverseOutlineTransparentPositiveHover" | "inverseOutlineTransparentPositiveActive" | "inverseOutlineTransparentWarningHover" | "inverseOutlineTransparentWarningActive" | "inverseOutlineTransparentNegativeHover" | "inverseOutlineTransparentNegativeActive" | "inverseOutlineTransparentInfoHover" | "inverseOutlineTransparentInfoActive" | "inverseOutlinePositive" | "inverseOutlineWarning" | "inverseOutlineNegative" | "inverseOutlineInfo" | "inverseOutlineTransparentPositive" | "inverseOutlineTransparentWarning" | "inverseOutlineTransparentNegative" | "inverseOutlineTransparentInfo" | "inverseOutlineAccent" | "inverseOutlineTransparentAccent" | "dataYellow" | "dataYellowMinor" | "dataYellowTransparent" | "onDarkDataYellow" | "onDarkDataYellowMinor" | "onDarkDataYellowTransparent" | "onLightDataYellow" | "onLightDataYellowMinor" | "onLightDataYellowTransparent" | "inverseDataYellow" | "inverseDataYellowMinor" | "inverseDataYellowTransparent" | "textAccentGradientHover" | "textAccentGradientActive" | "textAccentGradient" | "onDarkTextAccentGradientHover" | "onDarkTextAccentGradientActive" | "onDarkTextAccentGradient" | "onLightTextAccentGradientHover" | "onLightTextAccentGradientActive" | "onLightTextAccentGradient" | "inverseTextAccentGradientHover" | "inverseTextAccentGradientActive" | "inverseTextAccentGradient" | "surfaceAccentGradientHover" | "surfaceAccentGradientActive" | "surfaceAccentGradient" | "surfaceSkeletonGradient" | "surfaceSkeletonGradientHover" | "surfaceSkeletonGradientActive" | "surfaceSkeletonDeepGradient" | "surfaceSkeletonDeepGradientHover" | "surfaceSkeletonDeepGradientActive" | "onDarkSurfaceAccentGradientHover" | "onDarkSurfaceAccentGradientActive" | "onDarkSurfaceAccentGradient" | "onDarkSurfaceSkeletonGradient" | "onDarkSurfaceSkeletonGradientHover" | "onDarkSurfaceSkeletonGradientActive" | "onDarkSurfaceSkeletonDeepGradient" | "onDarkSurfaceSkeletonDeepGradientHover" | "onDarkSurfaceSkeletonDeepGradientActive" | "onLightSurfaceAccentGradientHover" | "onLightSurfaceAccentGradientActive" | "onLightSurfaceAccentGradient" | "onLightSurfaceSkeletonGradient" | "onLightSurfaceSkeletonGradientHover" | "onLightSurfaceSkeletonGradientActive" | "onLightSurfaceSkeletonDeepGradient" | "onLightSurfaceSkeletonDeepGradientHover" | "onLightSurfaceSkeletonDeepGradientActive" | "inverseSurfaceAccentGradientHover" | "inverseSurfaceAccentGradientActive" | "inverseSurfaceAccentGradient" | "inverseSurfaceSkeletonGradient" | "inverseSurfaceSkeletonGradientHover" | "inverseSurfaceSkeletonGradientActive" | "inverseSurfaceSkeletonDeepGradient" | "inverseSurfaceSkeletonDeepGradientHover" | "inverseSurfaceSkeletonDeepGradientActive" | "outlineAccentGradientHover" | "outlineAccentGradientActive" | "outlineAccentGradient" | "onDarkOutlineAccentGradientHover" | "onDarkOutlineAccentGradientActive" | "onDarkOutlineAccentGradient" | "onLightOutlineAccentGradientHover" | "onLightOutlineAccentGradientActive" | "onLightOutlineAccentGradient" | "inverseOutlineAccentGradientHover" | "inverseOutlineAccentGradientActive" | "inverseOutlineAccentGradient") | undefined;
     shadow?: "shadowDownSoftS" | "shadowDownSoftM" | "shadowDownSoftL" | "shadowDownHardS" | "shadowDownHardM" | "shadowDownHardL" | "shadowUpSoftS" | "shadowUpSoftM" | "shadowUpSoftL" | "shadowUpHardS" | "shadowUpHardM" | "shadowUpHardL" | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-scan",
-  "version": "0.326.0-canary.2325.19236948330.0",
+  "version": "0.326.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS SCAN web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -31,7 +31,7 @@
     "directory": "packages/sdds-scan"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.340.0-canary.2325.19236948330.0",
+    "@salutejs/plasma-new-hope": "0.340.0-dev.0",
     "@salutejs/sdds-themes": "0.48.0"
   },
   "peerDependencies": {
@@ -118,5 +118,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "a83a73565ae826e657afa62e355ab58f6d1d3bbc"
+  "gitHead": "1760040c4ea442761d6969c5eed76a27709ec5d6"
 }

package/styled-components/cjs/components/DatePicker/DatePicker.config.js

@@ -31,8 +31,17 @@ function _templateObject() {
         ": var(--text-negative);\n                ",
         ": var(--text-positive);\n\n                ",
         ": var(--text-primary);\n                ",
+        ": var(--text-primary-hover);\n                ",
+        ": var(--text-primary-active);\n\n                ",
+        ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n\n                ",
         ": var(--plasma-typo-body-xs-font-family);\n                ",
         ": var(--plasma-typo-body-xs-font-size);\n                ",
         ": var(--plasma-typo-body-xs-font-style);\n                ",
@@ -627,7 +636,7 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.backgroundError, _styledcomponents.datePickerTokens.backgroundSuccess, _styledcomponents.datePickerTokens.dividerColor, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.leftHelperColor, _styledcomponents.datePickerTokens.leftHelperColorError, _styledcomponents.datePickerTokens.leftHelperColorSuccess, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.labelInnerFontFamily, _styledcomponents.datePickerTokens.labelInnerFontSize, _styledcomponents.datePickerTokens.labelInnerFontStyle, _styledcomponents.datePickerTokens.labelInnerFontWeight, _styledcomponents.datePickerTokens.labelInnerLetterSpacing, _styledcomponents.datePickerTokens.labelInnerLineHeight, _styledcomponents.datePickerTokens.indicatorColor, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.datePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.datePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.datePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.datePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.datePickerTokens.textFieldTextBeforeColor, _styledcomponents.datePickerTokens.textFieldTextAfterColor, _styledcomponents.datePickerTokens.focusColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.datePickerTokens.calendarShadow, _styledcomponents.datePickerTokens.calendarSeparatorBackground, _styledcomponents.datePickerTokens.calendarBackgroundColor, _styledcomponents.datePickerTokens.calendarSelectedItemBackground, _styledcomponents.datePickerTokens.calendarSelectedItemColor, _styledcomponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemBorderColor, _styledcomponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemColorHover, _styledcomponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledcomponents.datePickerTokens.calendarActiveItemBackground, _styledcomponents.datePickerTokens.calendarActiveItemColor, _styledcomponents.datePickerTokens.calendarHoveredItemBackground, _styledcomponents.datePickerTokens.calendarHoveredItemColor, _styledcomponents.datePickerTokens.calendarRangeBackground, _styledcomponents.datePickerTokens.calendarOutlineFocusColor, _styledcomponents.datePickerTokens.calendarContentPrimaryColor, _styledcomponents.datePickerTokens.calendarContentPrimaryDisabledColor, _styledcomponents.datePickerTokens.calendarHeaderArrowColor, _styledcomponents.datePickerTokens.calendarContentPrimaryColor, _styledcomponents.datePickerTokens.calendarContentSecondaryColor, _styledcomponents.datePickerTokens.calendarContentSecondaryDisabledColor, _styledcomponents.datePickerTokens.calendarDisabledOpacity, _styledcomponents.datePickerTokens.iconButtonColor, _styledcomponents.datePickerTokens.iconButtonBackgroundColor, _styledcomponents.datePickerTokens.iconButtonColorHover, _styledcomponents.datePickerTokens.iconButtonBackgroundColorHover, _styledcomponents.datePickerTokens.iconButtonColorActive, _styledcomponents.datePickerTokens.iconButtonBackgroundColorActive, _styledcomponents.datePickerTokens.iconButtonFocusColor, _styledcomponents.datePickerTokens.tooltipBackgroundColor, _styledcomponents.datePickerTokens.tooltipBoxShadow, _styledcomponents.datePickerTokens.tooltipColor)
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.backgroundError, _styledcomponents.datePickerTokens.backgroundSuccess, _styledcomponents.datePickerTokens.dividerColor, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.leftHelperColor, _styledcomponents.datePickerTokens.leftHelperColorError, _styledcomponents.datePickerTokens.leftHelperColorSuccess, _styledcomponents.datePickerTokens.contentSlotColor, _styledcomponents.datePickerTokens.contentSlotColorHover, _styledcomponents.datePickerTokens.contentSlotColorActive, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.textFieldContentSlotColor, _styledcomponents.datePickerTokens.textFieldContentSlotColorHover, _styledcomponents.datePickerTokens.textFieldContentSlotColorActive, _styledcomponents.datePickerTokens.textFieldContentRightSlotColor, _styledcomponents.datePickerTokens.textFieldContentRightSlotColorHover, _styledcomponents.datePickerTokens.textFieldContentRightSlotColorActive, _styledcomponents.datePickerTokens.labelInnerFontFamily, _styledcomponents.datePickerTokens.labelInnerFontSize, _styledcomponents.datePickerTokens.labelInnerFontStyle, _styledcomponents.datePickerTokens.labelInnerFontWeight, _styledcomponents.datePickerTokens.labelInnerLetterSpacing, _styledcomponents.datePickerTokens.labelInnerLineHeight, _styledcomponents.datePickerTokens.indicatorColor, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.datePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.datePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.datePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.datePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.datePickerTokens.textFieldTextBeforeColor, _styledcomponents.datePickerTokens.textFieldTextAfterColor, _styledcomponents.datePickerTokens.focusColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.datePickerTokens.calendarShadow, _styledcomponents.datePickerTokens.calendarSeparatorBackground, _styledcomponents.datePickerTokens.calendarBackgroundColor, _styledcomponents.datePickerTokens.calendarSelectedItemBackground, _styledcomponents.datePickerTokens.calendarSelectedItemColor, _styledcomponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemBorderColor, _styledcomponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemColorHover, _styledcomponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledcomponents.datePickerTokens.calendarActiveItemBackground, _styledcomponents.datePickerTokens.calendarActiveItemColor, _styledcomponents.datePickerTokens.calendarHoveredItemBackground, _styledcomponents.datePickerTokens.calendarHoveredItemColor, _styledcomponents.datePickerTokens.calendarRangeBackground, _styledcomponents.datePickerTokens.calendarOutlineFocusColor, _styledcomponents.datePickerTokens.calendarContentPrimaryColor, _styledcomponents.datePickerTokens.calendarContentPrimaryDisabledColor, _styledcomponents.datePickerTokens.calendarHeaderArrowColor, _styledcomponents.datePickerTokens.calendarContentPrimaryColor, _styledcomponents.datePickerTokens.calendarContentSecondaryColor, _styledcomponents.datePickerTokens.calendarContentSecondaryDisabledColor, _styledcomponents.datePickerTokens.calendarDisabledOpacity, _styledcomponents.datePickerTokens.iconButtonColor, _styledcomponents.datePickerTokens.iconButtonBackgroundColor, _styledcomponents.datePickerTokens.iconButtonColorHover, _styledcomponents.datePickerTokens.iconButtonBackgroundColorHover, _styledcomponents.datePickerTokens.iconButtonColorActive, _styledcomponents.datePickerTokens.iconButtonBackgroundColorActive, _styledcomponents.datePickerTokens.iconButtonFocusColor, _styledcomponents.datePickerTokens.tooltipBackgroundColor, _styledcomponents.datePickerTokens.tooltipBoxShadow, _styledcomponents.datePickerTokens.tooltipColor)
         },
         size: {
             l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.datePickerTokens.width, _styledcomponents.datePickerTokens.borderRadius, _styledcomponents.datePickerTokens.dividerPadding, _styledcomponents.datePickerTokens.dividerFontFamily, _styledcomponents.datePickerTokens.dividerFontStyle, _styledcomponents.datePickerTokens.dividerFontSize, _styledcomponents.datePickerTokens.dividerFontWeight, _styledcomponents.datePickerTokens.dividerLetterSpacing, _styledcomponents.datePickerTokens.dividerLineHeight, _styledcomponents.datePickerTokens.leftContentMargin, _styledcomponents.datePickerTokens.rightContentMargin, _styledcomponents.datePickerTokens.labelOffset, _styledcomponents.datePickerTokens.labelInnerPadding, _styledcomponents.datePickerTokens.contentLabelInnerPadding, _styledcomponents.datePickerTokens.labelFontFamily, _styledcomponents.datePickerTokens.labelFontStyle, _styledcomponents.datePickerTokens.labelFontSize, _styledcomponents.datePickerTokens.labelFontWeight, _styledcomponents.datePickerTokens.labelLetterSpacing, _styledcomponents.datePickerTokens.labelLineHeight, _styledcomponents.datePickerTokens.indicatorSize, _styledcomponents.datePickerTokens.indicatorSizeOuter, _styledcomponents.datePickerTokens.indicatorPlacement, _styledcomponents.datePickerTokens.indicatorOuterPlacement, _styledcomponents.datePickerTokens.indicatorPlacementRight, _styledcomponents.datePickerTokens.indicatorOuterPlacementRight, _styledcomponents.datePickerTokens.textFieldHeight, _styledcomponents.datePickerTokens.textFieldBorderRadius, _styledcomponents.datePickerTokens.textFieldPadding, _styledcomponents.datePickerTokens.textFieldFontFamily, _styledcomponents.datePickerTokens.textFieldFontStyle, _styledcomponents.datePickerTokens.textFieldFontSize, _styledcomponents.datePickerTokens.textFieldFontWeight, _styledcomponents.datePickerTokens.textFieldLetterSpacing, _styledcomponents.datePickerTokens.textFieldLineHeight, _styledcomponents.datePickerTokens.leftHelperOffset, _styledcomponents.datePickerTokens.leftHelperFontFamily, _styledcomponents.datePickerTokens.leftHelperFontStyle, _styledcomponents.datePickerTokens.leftHelperFontSize, _styledcomponents.datePickerTokens.leftHelperFontWeight, _styledcomponents.datePickerTokens.leftHelperLetterSpacing, _styledcomponents.datePickerTokens.leftHelperLineHeight, _styledcomponents.datePickerTokens.textFieldLeftContentMargin, _styledcomponents.datePickerTokens.textFieldRightContentMargin, _styledcomponents.datePickerTokens.textFieldTextBeforeMargin, _styledcomponents.datePickerTokens.textFieldTextAfterMargin, _styledcomponents.datePickerTokens.calendarBorderRadius, _styledcomponents.datePickerTokens.calendarContainerWidth, _styledcomponents.datePickerTokens.calendarContainerHeight, _styledcomponents.datePickerTokens.calendarYearsPadding, _styledcomponents.datePickerTokens.calendarYearItemBorderRadius, _styledcomponents.datePickerTokens.calendarYearFontFamily, _styledcomponents.datePickerTokens.calendarYearFontSize, _styledcomponents.datePickerTokens.calendarYearFontStyle, _styledcomponents.datePickerTokens.calendarYearFontLetterSpacing, _styledcomponents.datePickerTokens.calendarYearFontLineHeight, _styledcomponents.datePickerTokens.calendarYearFontWeight, _styledcomponents.datePickerTokens.calendarYearSelectedFontWeight, _styledcomponents.datePickerTokens.calendarMonthsPadding, _styledcomponents.datePickerTokens.calendarMonthItemBorderRadius, _styledcomponents.datePickerTokens.calendarMonthFontFamily, _styledcomponents.datePickerTokens.calendarMonthFontSize, _styledcomponents.datePickerTokens.calendarMonthFontStyle, _styledcomponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledcomponents.datePickerTokens.calendarMonthFontLineHeight, _styledcomponents.datePickerTokens.calendarMonthFontWeight, _styledcomponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledcomponents.datePickerTokens.calendarQuartersPadding, _styledcomponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledcomponents.datePickerTokens.calendarQuarterFontFamily, _styledcomponents.datePickerTokens.calendarQuarterFontSize, _styledcomponents.datePickerTokens.calendarQuarterFontStyle, _styledcomponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledcomponents.datePickerTokens.calendarQuarterFontLineHeight, _styledcomponents.datePickerTokens.calendarQuarterFontWeight, _styledcomponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledcomponents.datePickerTokens.calendarDaysPadding, _styledcomponents.datePickerTokens.calendarDayItemBorderRadius, _styledcomponents.datePickerTokens.calendarDayFontFamily, _styledcomponents.datePickerTokens.calendarDayFontSize, _styledcomponents.datePickerTokens.calendarDayFontStyle, _styledcomponents.datePickerTokens.calendarDayFontLetterSpacing, _styledcomponents.datePickerTokens.calendarDayFontLineHeight, _styledcomponents.datePickerTokens.calendarDayFontWeight, _styledcomponents.datePickerTokens.calendarDaySelectedFontWeight, _styledcomponents.datePickerTokens.calendarCurrentItemBorderWidth, _styledcomponents.datePickerTokens.calendarHeaderWrapperPadding, _styledcomponents.datePickerTokens.calendarHeaderArrowGap, _styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize, _styledcomponents.datePickerTokens.calendarHeaderPadding, _styledcomponents.datePickerTokens.calendarHeaderDateGap, _styledcomponents.datePickerTokens.calendarHeaderFontFamily, _styledcomponents.datePickerTokens.calendarHeaderFontSize, _styledcomponents.datePickerTokens.calendarHeaderFontStyle, _styledcomponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledcomponents.datePickerTokens.calendarHeaderFontLineHeight, _styledcomponents.datePickerTokens.calendarHeaderFontWeight, _styledcomponents.datePickerTokens.calendarHeaderFontWeightBold, _styledcomponents.datePickerTokens.iconButtonHeight, _styledcomponents.datePickerTokens.iconButtonWidth, _styledcomponents.datePickerTokens.iconButtonPadding, _styledcomponents.datePickerTokens.iconButtonRadius),

package/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js

@@ -27,6 +27,12 @@ function _templateObject() {
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n\n                ",
         ": var(--surface-transparent-primary);\n                ",
         ": var(--surface-transparent-primary-active);\n                ",
         ": var(--surface-transparent-secondary);\n                ",
@@ -842,7 +848,7 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.dateTimePickerTokens.outlineFocusColor, _styledcomponents.dateTimePickerTokens.textFieldColor, _styledcomponents.dateTimePickerTokens.textFieldPlaceholderColor, _styledcomponents.dateTimePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.dateTimePickerTokens.textFieldCaretColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundColorHover, _styledcomponents.dateTimePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.dateTimePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.dateTimePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.dateTimePickerTokens.labelColor, _styledcomponents.dateTimePickerTokens.leftHelperColor, _styledcomponents.dateTimePickerTokens.leftHelperColorError, _styledcomponents.dateTimePickerTokens.leftHelperColorSuccess, _styledcomponents.dateTimePickerTokens.labelInnerFontFamily, _styledcomponents.dateTimePickerTokens.labelInnerFontSize, _styledcomponents.dateTimePickerTokens.labelInnerFontStyle, _styledcomponents.dateTimePickerTokens.labelInnerFontWeight, _styledcomponents.dateTimePickerTokens.labelInnerLetterSpacing, _styledcomponents.dateTimePickerTokens.labelInnerLineHeight, _styledcomponents.dateTimePickerTokens.indicatorColor, _styledcomponents.dateTimePickerTokens.textFieldTextBeforeColor, _styledcomponents.dateTimePickerTokens.textFieldTextAfterColor, _styledcomponents.dateTimePickerTokens.popoverShadow, _styledcomponents.dateTimePickerTokens.popoverSeparatorBackground, _styledcomponents.dateTimePickerTokens.popoverBackgroundColor, _styledcomponents.dateTimePickerTokens.calendarSelectedItemBackground, _styledcomponents.dateTimePickerTokens.calendarSelectedItemColor, _styledcomponents.dateTimePickerTokens.calendarSelectableItemBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemBorderColor, _styledcomponents.dateTimePickerTokens.calendarCurrentItemBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemColorHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemChildBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarActiveItemBackground, _styledcomponents.dateTimePickerTokens.calendarActiveItemColor, _styledcomponents.dateTimePickerTokens.calendarHoveredItemBackground, _styledcomponents.dateTimePickerTokens.calendarHoveredItemColor, _styledcomponents.dateTimePickerTokens.calendarRangeBackground, _styledcomponents.dateTimePickerTokens.calendarOutlineFocusColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryDisabledColor, _styledcomponents.dateTimePickerTokens.calendarHeaderArrowColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor, _styledcomponents.dateTimePickerTokens.calendarContentSecondaryColor, _styledcomponents.dateTimePickerTokens.calendarContentSecondaryDisabledColor, _styledcomponents.dateTimePickerTokens.calendarDisabledOpacity, _styledcomponents.dateTimePickerTokens.calendarSeparatorBackground, _styledcomponents.dateTimePickerTokens.iconButtonColor, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColor, _styledcomponents.dateTimePickerTokens.iconButtonColorHover, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColorHover, _styledcomponents.dateTimePickerTokens.iconButtonColorActive, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColorActive, _styledcomponents.dateTimePickerTokens.iconButtonFocusColor, _styledcomponents.dateTimePickerTokens.tooltipBackgroundColor, _styledcomponents.dateTimePickerTokens.tooltipBoxShadow, _styledcomponents.dateTimePickerTokens.tooltipColor, _styledcomponents.dateTimePickerTokens.timePickerItemBackgroundHover, _styledcomponents.dateTimePickerTokens.timePickerItemBackgroundActive, _styledcomponents.dateTimePickerTokens.timePickerScrollbarColor, _styledcomponents.dateTimePickerTokens.timePickerScrollbarTrackColor, _styledcomponents.dateTimePickerTokens.shortcutColor, _styledcomponents.dateTimePickerTokens.shortcutBackgroundHover)
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.dateTimePickerTokens.outlineFocusColor, _styledcomponents.dateTimePickerTokens.textFieldColor, _styledcomponents.dateTimePickerTokens.textFieldPlaceholderColor, _styledcomponents.dateTimePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.dateTimePickerTokens.textFieldCaretColor, _styledcomponents.dateTimePickerTokens.textFieldContentSlotColor, _styledcomponents.dateTimePickerTokens.textFieldContentSlotColorHover, _styledcomponents.dateTimePickerTokens.textFieldContentSlotColorActive, _styledcomponents.dateTimePickerTokens.textFieldContentRightSlotColor, _styledcomponents.dateTimePickerTokens.textFieldContentRightSlotColorHover, _styledcomponents.dateTimePickerTokens.textFieldContentRightSlotColorActive, _styledcomponents.dateTimePickerTokens.textFieldBackgroundColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundColorHover, _styledcomponents.dateTimePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.dateTimePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.dateTimePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.dateTimePickerTokens.labelColor, _styledcomponents.dateTimePickerTokens.leftHelperColor, _styledcomponents.dateTimePickerTokens.leftHelperColorError, _styledcomponents.dateTimePickerTokens.leftHelperColorSuccess, _styledcomponents.dateTimePickerTokens.labelInnerFontFamily, _styledcomponents.dateTimePickerTokens.labelInnerFontSize, _styledcomponents.dateTimePickerTokens.labelInnerFontStyle, _styledcomponents.dateTimePickerTokens.labelInnerFontWeight, _styledcomponents.dateTimePickerTokens.labelInnerLetterSpacing, _styledcomponents.dateTimePickerTokens.labelInnerLineHeight, _styledcomponents.dateTimePickerTokens.indicatorColor, _styledcomponents.dateTimePickerTokens.textFieldTextBeforeColor, _styledcomponents.dateTimePickerTokens.textFieldTextAfterColor, _styledcomponents.dateTimePickerTokens.popoverShadow, _styledcomponents.dateTimePickerTokens.popoverSeparatorBackground, _styledcomponents.dateTimePickerTokens.popoverBackgroundColor, _styledcomponents.dateTimePickerTokens.calendarSelectedItemBackground, _styledcomponents.dateTimePickerTokens.calendarSelectedItemColor, _styledcomponents.dateTimePickerTokens.calendarSelectableItemBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemBorderColor, _styledcomponents.dateTimePickerTokens.calendarCurrentItemBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemColorHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemChildBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarActiveItemBackground, _styledcomponents.dateTimePickerTokens.calendarActiveItemColor, _styledcomponents.dateTimePickerTokens.calendarHoveredItemBackground, _styledcomponents.dateTimePickerTokens.calendarHoveredItemColor, _styledcomponents.dateTimePickerTokens.calendarRangeBackground, _styledcomponents.dateTimePickerTokens.calendarOutlineFocusColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryDisabledColor, _styledcomponents.dateTimePickerTokens.calendarHeaderArrowColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor, _styledcomponents.dateTimePickerTokens.calendarContentSecondaryColor, _styledcomponents.dateTimePickerTokens.calendarContentSecondaryDisabledColor, _styledcomponents.dateTimePickerTokens.calendarDisabledOpacity, _styledcomponents.dateTimePickerTokens.calendarSeparatorBackground, _styledcomponents.dateTimePickerTokens.iconButtonColor, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColor, _styledcomponents.dateTimePickerTokens.iconButtonColorHover, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColorHover, _styledcomponents.dateTimePickerTokens.iconButtonColorActive, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColorActive, _styledcomponents.dateTimePickerTokens.iconButtonFocusColor, _styledcomponents.dateTimePickerTokens.tooltipBackgroundColor, _styledcomponents.dateTimePickerTokens.tooltipBoxShadow, _styledcomponents.dateTimePickerTokens.tooltipColor, _styledcomponents.dateTimePickerTokens.timePickerItemBackgroundHover, _styledcomponents.dateTimePickerTokens.timePickerItemBackgroundActive, _styledcomponents.dateTimePickerTokens.timePickerScrollbarColor, _styledcomponents.dateTimePickerTokens.timePickerScrollbarTrackColor, _styledcomponents.dateTimePickerTokens.shortcutColor, _styledcomponents.dateTimePickerTokens.shortcutBackgroundHover)
         },
         size: {
             xl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.dateTimePickerTokens.textFieldHeight, _styledcomponents.dateTimePickerTokens.textFieldBorderRadius, _styledcomponents.dateTimePickerTokens.textFieldPadding, _styledcomponents.dateTimePickerTokens.textFieldLeftContentMargin, _styledcomponents.dateTimePickerTokens.textFieldRightContentMargin, _styledcomponents.dateTimePickerTokens.textFieldTextBeforeMargin, _styledcomponents.dateTimePickerTokens.textFieldTextAfterMargin, _styledcomponents.dateTimePickerTokens.textFieldFontFamily, _styledcomponents.dateTimePickerTokens.textFieldFontStyle, _styledcomponents.dateTimePickerTokens.textFieldFontSize, _styledcomponents.dateTimePickerTokens.textFieldFontWeight, _styledcomponents.dateTimePickerTokens.textFieldLetterSpacing, _styledcomponents.dateTimePickerTokens.textFieldLineHeight, _styledcomponents.dateTimePickerTokens.labelOffset, _styledcomponents.dateTimePickerTokens.labelInnerPadding, _styledcomponents.dateTimePickerTokens.contentLabelInnerPadding, _styledcomponents.dateTimePickerTokens.labelFontFamily, _styledcomponents.dateTimePickerTokens.labelFontStyle, _styledcomponents.dateTimePickerTokens.labelFontSize, _styledcomponents.dateTimePickerTokens.labelFontWeight, _styledcomponents.dateTimePickerTokens.labelLetterSpacing, _styledcomponents.dateTimePickerTokens.labelLineHeight, _styledcomponents.dateTimePickerTokens.labelInnerFontFamily, _styledcomponents.dateTimePickerTokens.labelInnerFontSize, _styledcomponents.dateTimePickerTokens.labelInnerFontStyle, _styledcomponents.dateTimePickerTokens.labelInnerFontWeight, _styledcomponents.dateTimePickerTokens.labelInnerLetterSpacing, _styledcomponents.dateTimePickerTokens.labelInnerLineHeight, _styledcomponents.dateTimePickerTokens.indicatorSize, _styledcomponents.dateTimePickerTokens.indicatorSizeOuter, _styledcomponents.dateTimePickerTokens.indicatorPlacement, _styledcomponents.dateTimePickerTokens.indicatorOuterPlacement, _styledcomponents.dateTimePickerTokens.indicatorPlacementRight, _styledcomponents.dateTimePickerTokens.indicatorOuterPlacementRight, _styledcomponents.dateTimePickerTokens.leftHelperOffset, _styledcomponents.dateTimePickerTokens.leftHelperFontFamily, _styledcomponents.dateTimePickerTokens.leftHelperFontStyle, _styledcomponents.dateTimePickerTokens.leftHelperFontSize, _styledcomponents.dateTimePickerTokens.leftHelperFontWeight, _styledcomponents.dateTimePickerTokens.leftHelperLetterSpacing, _styledcomponents.dateTimePickerTokens.leftHelperLineHeight, _styledcomponents.dateTimePickerTokens.popoverBorderRadius, _styledcomponents.dateTimePickerTokens.popoverGap, _styledcomponents.dateTimePickerTokens.popoverPadding, _styledcomponents.dateTimePickerTokens.popoverVerticalPadding, _styledcomponents.dateTimePickerTokens.calendarWidth, _styledcomponents.dateTimePickerTokens.calendarHeight, _styledcomponents.dateTimePickerTokens.calendarYearsPadding, _styledcomponents.dateTimePickerTokens.calendarYearItemBorderRadius, _styledcomponents.dateTimePickerTokens.calendarYearFontFamily, _styledcomponents.dateTimePickerTokens.calendarYearFontSize, _styledcomponents.dateTimePickerTokens.calendarYearFontStyle, _styledcomponents.dateTimePickerTokens.calendarYearFontLetterSpacing, _styledcomponents.dateTimePickerTokens.calendarYearFontLineHeight, _styledcomponents.dateTimePickerTokens.calendarYearFontWeight, _styledcomponents.dateTimePickerTokens.calendarYearSelectedFontWeight, _styledcomponents.dateTimePickerTokens.calendarMonthsPadding, _styledcomponents.dateTimePickerTokens.calendarMonthItemBorderRadius, _styledcomponents.dateTimePickerTokens.calendarMonthFontFamily, _styledcomponents.dateTimePickerTokens.calendarMonthFontSize, _styledcomponents.dateTimePickerTokens.calendarMonthFontStyle, _styledcomponents.dateTimePickerTokens.calendarMonthFontLetterSpacing, _styledcomponents.dateTimePickerTokens.calendarMonthFontLineHeight, _styledcomponents.dateTimePickerTokens.calendarMonthFontWeight, _styledcomponents.dateTimePickerTokens.calendarMonthSelectedFontWeight, _styledcomponents.dateTimePickerTokens.calendarQuartersPadding, _styledcomponents.dateTimePickerTokens.calendarQuarterItemBorderRadius, _styledcomponents.dateTimePickerTokens.calendarQuarterFontFamily, _styledcomponents.dateTimePickerTokens.calendarQuarterFontSize, _styledcomponents.dateTimePickerTokens.calendarQuarterFontStyle, _styledcomponents.dateTimePickerTokens.calendarQuarterFontLetterSpacing, _styledcomponents.dateTimePickerTokens.calendarQuarterFontLineHeight, _styledcomponents.dateTimePickerTokens.calendarQuarterFontWeight, _styledcomponents.dateTimePickerTokens.calendarQuarterSelectedFontWeight, _styledcomponents.dateTimePickerTokens.calendarDaysPadding, _styledcomponents.dateTimePickerTokens.calendarDayItemBorderRadius, _styledcomponents.dateTimePickerTokens.calendarDayFontFamily, _styledcomponents.dateTimePickerTokens.calendarDayFontSize, _styledcomponents.dateTimePickerTokens.calendarDayFontStyle, _styledcomponents.dateTimePickerTokens.calendarDayFontLetterSpacing, _styledcomponents.dateTimePickerTokens.calendarDayFontLineHeight, _styledcomponents.dateTimePickerTokens.calendarDayFontWeight, _styledcomponents.dateTimePickerTokens.calendarDaySelectedFontWeight, _styledcomponents.dateTimePickerTokens.calendarCurrentItemBorderWidth, _styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding, _styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap, _styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize, _styledcomponents.dateTimePickerTokens.calendarHeaderPadding, _styledcomponents.dateTimePickerTokens.calendarHeaderDateGap, _styledcomponents.dateTimePickerTokens.calendarHeaderFontFamily, _styledcomponents.dateTimePickerTokens.calendarHeaderFontSize, _styledcomponents.dateTimePickerTokens.calendarHeaderFontStyle, _styledcomponents.dateTimePickerTokens.calendarHeaderFontLetterSpacing, _styledcomponents.dateTimePickerTokens.calendarHeaderFontLineHeight, _styledcomponents.dateTimePickerTokens.calendarHeaderFontWeight, _styledcomponents.dateTimePickerTokens.calendarHeaderFontWeightBold, _styledcomponents.dateTimePickerTokens.iconButtonHeight, _styledcomponents.dateTimePickerTokens.iconButtonWidth, _styledcomponents.dateTimePickerTokens.iconButtonPadding, _styledcomponents.dateTimePickerTokens.iconButtonRadius, _styledcomponents.dateTimePickerTokens.timePickerColumnWidth, _styledcomponents.dateTimePickerTokens.timePickerColumnHeight, _styledcomponents.dateTimePickerTokens.timePickerColumnGap, _styledcomponents.dateTimePickerTokens.timePickerItemHeight, _styledcomponents.dateTimePickerTokens.timePickerItemBorderRadius, _styledcomponents.dateTimePickerTokens.timePickerItemPadding, _styledcomponents.dateTimePickerTokens.timePickerItemFontFamily, _styledcomponents.dateTimePickerTokens.timePickerItemFontStyle, _styledcomponents.dateTimePickerTokens.timePickerItemFontSize, _styledcomponents.dateTimePickerTokens.timePickerItemFontWeight, _styledcomponents.dateTimePickerTokens.timePickerItemLetterSpacing, _styledcomponents.dateTimePickerTokens.timePickerItemLineHeight, _styledcomponents.dateTimePickerTokens.timePickerScrollbarWidth, _styledcomponents.dateTimePickerTokens.timePickerScrollbarMargin, _styledcomponents.dateTimePickerTokens.shortcutFontFamily, _styledcomponents.dateTimePickerTokens.shortcutFontStyle, _styledcomponents.dateTimePickerTokens.shortcutFontSize, _styledcomponents.dateTimePickerTokens.shortcutFontWeight, _styledcomponents.dateTimePickerTokens.shortcutLetterSpacing, _styledcomponents.dateTimePickerTokens.shortcutLineHeight, _styledcomponents.dateTimePickerTokens.shortcutPadding, _styledcomponents.dateTimePickerTokens.shortcutGap, _styledcomponents.dateTimePickerTokens.shortcutBorderRadius),

package/styled-components/cjs/components/Range/Range.config.js

@@ -30,6 +30,9 @@ function _templateObject() {
         ": var(--text-secondary);\n                ",
         ": var(--text-negative);\n                ",
         ": var(--text-positive);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n                ",
@@ -348,7 +351,7 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.backgroundError, _styledcomponents.rangeTokens.backgroundSuccess, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldBackgroundColorHover, _styledcomponents.rangeTokens.textFieldBackgroundColorFocus, _styledcomponents.rangeTokens.textFieldBackgroundErrorColor, _styledcomponents.rangeTokens.textFieldBackgroundErrorColorHover, _styledcomponents.rangeTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColor, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColorHover, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.rangeTokens.textFieldTextBeforeColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.focusColor)
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.backgroundError, _styledcomponents.rangeTokens.backgroundSuccess, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.contentSlotColor, _styledcomponents.rangeTokens.contentSlotColorHover, _styledcomponents.rangeTokens.contentSlotColorActive, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldBackgroundColorHover, _styledcomponents.rangeTokens.textFieldBackgroundColorFocus, _styledcomponents.rangeTokens.textFieldBackgroundErrorColor, _styledcomponents.rangeTokens.textFieldBackgroundErrorColorHover, _styledcomponents.rangeTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColor, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColorHover, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.rangeTokens.textFieldTextBeforeColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.focusColor)
         },
         size: {
             xl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight),

package/styled-components/cjs/components/Scrollbar/Scrollbar.config.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var config = {
+    view: {
+        default: {
+            trackColor: 'var(--surface-transparent-primary)',
+            thumbColor: 'var(--surface-transparent-tertiary)'
+        }
+    },
+    size: {
+        s: {
+            scrollWidth: '0.125rem'
+        },
+        m: {
+            scrollWidth: '0.25rem'
+        }
+    }
+};

package/styled-components/cjs/components/Scrollbar/Scrollbar.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "addScrollbar", {
+    enumerable: true,
+    get: function() {
+        return addScrollbar;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Scrollbarconfig = require("./Scrollbar.config");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var addScrollbar = function(size) {
+    return (0, _styledcomponents.addScrollbar)(_object_spread({}, _Scrollbarconfig.config.size[size], _Scrollbarconfig.config.view.default));
+};

package/styled-components/cjs/mixins/index.js

@@ -12,6 +12,9 @@ _export(exports, {
     get addFocus () {
         return _styledcomponents.addFocus;
     },
+    get addScrollbar () {
+        return _Scrollbar.addScrollbar;
+    },
     get applyPaper () {
         return applyPaper;
     },
@@ -21,6 +24,7 @@ _export(exports, {
 });
 var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
 var _sdds_scan = /*#__PURE__*/ _interop_require_wildcard(require("@salutejs/sdds-themes/tokens/sdds_scan"));
+var _Scrollbar = require("../components/Scrollbar/Scrollbar");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();

package/styled-components/es/components/DatePicker/DatePicker.config.js

@@ -20,8 +20,17 @@ function _templateObject() {
         ": var(--text-negative);\n                ",
         ": var(--text-positive);\n\n                ",
         ": var(--text-primary);\n                ",
+        ": var(--text-primary-hover);\n                ",
+        ": var(--text-primary-active);\n\n                ",
+        ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n\n                ",
         ": var(--plasma-typo-body-xs-font-family);\n                ",
         ": var(--plasma-typo-body-xs-font-size);\n                ",
         ": var(--plasma-typo-body-xs-font-style);\n                ",
@@ -617,7 +626,7 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
+            default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
         },
         size: {
             l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),

package/styled-components/es/components/DateTimePicker/DateTimePicker.config.js

@@ -16,6 +16,12 @@ function _templateObject() {
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n\n                ",
         ": var(--surface-transparent-primary);\n                ",
         ": var(--surface-transparent-primary-active);\n                ",
         ": var(--surface-transparent-secondary);\n                ",
@@ -832,7 +838,7 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.outlineFocusColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.popoverShadow, tokens.popoverSeparatorBackground, tokens.popoverBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.calendarSeparatorBackground, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.timePickerItemBackgroundHover, tokens.timePickerItemBackgroundActive, tokens.timePickerScrollbarColor, tokens.timePickerScrollbarTrackColor, tokens.shortcutColor, tokens.shortcutBackgroundHover)
+            default: css(_templateObject(), tokens.outlineFocusColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.popoverShadow, tokens.popoverSeparatorBackground, tokens.popoverBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.calendarSeparatorBackground, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.timePickerItemBackgroundHover, tokens.timePickerItemBackgroundActive, tokens.timePickerScrollbarColor, tokens.timePickerScrollbarTrackColor, tokens.shortcutColor, tokens.shortcutBackgroundHover)
         },
         size: {
             xl: css(_templateObject1(), tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.popoverBorderRadius, tokens.popoverGap, tokens.popoverPadding, tokens.popoverVerticalPadding, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius, tokens.timePickerColumnWidth, tokens.timePickerColumnHeight, tokens.timePickerColumnGap, tokens.timePickerItemHeight, tokens.timePickerItemBorderRadius, tokens.timePickerItemPadding, tokens.timePickerItemFontFamily, tokens.timePickerItemFontStyle, tokens.timePickerItemFontSize, tokens.timePickerItemFontWeight, tokens.timePickerItemLetterSpacing, tokens.timePickerItemLineHeight, tokens.timePickerScrollbarWidth, tokens.timePickerScrollbarMargin, tokens.shortcutFontFamily, tokens.shortcutFontStyle, tokens.shortcutFontSize, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, tokens.shortcutPadding, tokens.shortcutGap, tokens.shortcutBorderRadius),

package/styled-components/es/components/Range/Range.config.js

@@ -19,6 +19,9 @@ function _templateObject() {
         ": var(--text-secondary);\n                ",
         ": var(--text-negative);\n                ",
         ": var(--text-positive);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n                ",
@@ -338,7 +341,7 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
+            default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
         },
         size: {
             xl: css(_templateObject1(), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),

package/styled-components/es/components/Scrollbar/Scrollbar.config.js

@@ -0,0 +1,16 @@
+export var config = {
+    view: {
+        default: {
+            trackColor: 'var(--surface-transparent-primary)',
+            thumbColor: 'var(--surface-transparent-tertiary)'
+        }
+    },
+    size: {
+        s: {
+            scrollWidth: '0.125rem'
+        },
+        m: {
+            scrollWidth: '0.25rem'
+        }
+    }
+};

package/styled-components/es/components/Scrollbar/Scrollbar.js

@@ -0,0 +1,33 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { addScrollbar as mixin } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Scrollbar.config';
+export var addScrollbar = function(size) {
+    return mixin(_object_spread({}, config.size[size], config.view.default));
+};

package/styled-components/es/mixins/index.js

@@ -1,4 +1,5 @@
 import { createApplyPaperMixin } from '@salutejs/plasma-new-hope/styled-components';
 import * as allTokens from '@salutejs/sdds-themes/tokens/sdds_scan';
 export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
+export { addScrollbar } from '../components/Scrollbar/Scrollbar';
 export var applyPaper = createApplyPaperMixin(allTokens);