@vkontakte/vkui-tokens 4.87.0 → 4.89.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/interfaces/themes/legoIOS/index.d.ts +18 -2
- package/interfaces/themes/legoSimpleAndroid/index.d.ts +5 -0
- package/interfaces/themes/legoSimpleAndroid/index.js +1 -0
- package/interfaces/themes/legoSimpleAndroidDark/index.d.ts +2 -0
- package/interfaces/themes/legoSimpleAndroidDark/index.js +1 -0
- package/interfaces/themes/vkontakteAndroid/index.d.ts +8 -1
- package/package.json +10 -10
- package/themes/legoAndroid/cssVars/declarations/index.css +58 -37
- package/themes/legoAndroid/cssVars/declarations/noColors.css +10 -10
- package/themes/legoAndroid/cssVars/declarations/noSizes.css +56 -29
- package/themes/legoAndroid/cssVars/declarations/onlyColors.css +48 -27
- package/themes/legoAndroid/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoAndroid/cssVars/declarations/onlyVariables.css +58 -37
- package/themes/legoAndroid/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocal.css +58 -37
- package/themes/legoAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +46 -27
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.css +58 -37
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.less +58 -37
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.pcss +58 -37
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.scss +58 -37
- package/themes/legoAndroid/cssVars/theme/fallbacks/index.styl +58 -37
- package/themes/legoAndroid/cssVars/theme/index.js +1 -1
- package/themes/legoAndroid/cssVars/theme/index.json +157 -59
- package/themes/legoAndroid/docs.json +28 -0
- package/themes/legoAndroid/index.css +58 -37
- package/themes/legoAndroid/index.js +1 -1
- package/themes/legoAndroid/index.json +77 -42
- package/themes/legoAndroid/index.less +58 -37
- package/themes/legoAndroid/index.pcss +58 -37
- package/themes/legoAndroid/index.scss +58 -37
- package/themes/legoAndroid/index.styl +58 -37
- package/themes/legoAndroid/struct.json +78 -43
- package/themes/legoAndroidDark/cssVars/declarations/index.css +52 -31
- package/themes/legoAndroidDark/cssVars/declarations/noColors.css +10 -10
- package/themes/legoAndroidDark/cssVars/declarations/noSizes.css +50 -23
- package/themes/legoAndroidDark/cssVars/declarations/onlyColors.css +42 -21
- package/themes/legoAndroidDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.css +52 -31
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocal.css +52 -31
- package/themes/legoAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +43 -21
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.css +52 -31
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.less +52 -31
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.pcss +52 -31
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.scss +52 -31
- package/themes/legoAndroidDark/cssVars/theme/fallbacks/index.styl +52 -31
- package/themes/legoAndroidDark/cssVars/theme/index.js +1 -1
- package/themes/legoAndroidDark/cssVars/theme/index.json +151 -53
- package/themes/legoAndroidDark/docs.json +28 -0
- package/themes/legoAndroidDark/index.css +52 -31
- package/themes/legoAndroidDark/index.js +1 -1
- package/themes/legoAndroidDark/index.json +68 -33
- package/themes/legoAndroidDark/index.less +52 -31
- package/themes/legoAndroidDark/index.pcss +52 -31
- package/themes/legoAndroidDark/index.scss +52 -31
- package/themes/legoAndroidDark/index.styl +52 -31
- package/themes/legoAndroidDark/struct.json +69 -34
- package/themes/legoIOS/cssVars/declarations/index.css +58 -36
- package/themes/legoIOS/cssVars/declarations/noColors.css +10 -9
- package/themes/legoIOS/cssVars/declarations/noSizes.css +56 -29
- package/themes/legoIOS/cssVars/declarations/onlyColors.css +48 -27
- package/themes/legoIOS/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoIOS/cssVars/declarations/onlyVariables.css +58 -36
- package/themes/legoIOS/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoIOS/cssVars/declarations/onlyVariablesLocal.css +58 -36
- package/themes/legoIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +52 -25
- package/themes/legoIOS/cssVars/theme/fallbacks/index.css +58 -36
- package/themes/legoIOS/cssVars/theme/fallbacks/index.less +58 -36
- package/themes/legoIOS/cssVars/theme/fallbacks/index.pcss +58 -36
- package/themes/legoIOS/cssVars/theme/fallbacks/index.scss +58 -36
- package/themes/legoIOS/cssVars/theme/fallbacks/index.styl +58 -36
- package/themes/legoIOS/cssVars/theme/index.js +1 -1
- package/themes/legoIOS/cssVars/theme/index.json +157 -55
- package/themes/legoIOS/docs.json +52 -0
- package/themes/legoIOS/index.css +58 -36
- package/themes/legoIOS/index.js +1 -1
- package/themes/legoIOS/index.json +76 -40
- package/themes/legoIOS/index.less +58 -36
- package/themes/legoIOS/index.pcss +58 -36
- package/themes/legoIOS/index.scss +58 -36
- package/themes/legoIOS/index.styl +58 -36
- package/themes/legoIOS/struct.json +77 -41
- package/themes/legoIOSDark/cssVars/declarations/index.css +52 -30
- package/themes/legoIOSDark/cssVars/declarations/noColors.css +10 -9
- package/themes/legoIOSDark/cssVars/declarations/noSizes.css +50 -23
- package/themes/legoIOSDark/cssVars/declarations/onlyColors.css +42 -21
- package/themes/legoIOSDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/legoIOSDark/cssVars/declarations/onlyVariables.css +52 -30
- package/themes/legoIOSDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocal.css +52 -30
- package/themes/legoIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +49 -19
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.css +52 -30
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.less +52 -30
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.pcss +52 -30
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.scss +52 -30
- package/themes/legoIOSDark/cssVars/theme/fallbacks/index.styl +52 -30
- package/themes/legoIOSDark/cssVars/theme/index.js +1 -1
- package/themes/legoIOSDark/cssVars/theme/index.json +151 -49
- package/themes/legoIOSDark/docs.json +52 -0
- package/themes/legoIOSDark/index.css +52 -30
- package/themes/legoIOSDark/index.js +1 -1
- package/themes/legoIOSDark/index.json +67 -31
- package/themes/legoIOSDark/index.less +52 -30
- package/themes/legoIOSDark/index.pcss +52 -30
- package/themes/legoIOSDark/index.scss +52 -30
- package/themes/legoIOSDark/index.styl +52 -30
- package/themes/legoIOSDark/struct.json +68 -32
- package/themes/legoSimpleAndroid/cssVars/declarations/index.css +1446 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/noColors.css +906 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/noSizes.css +704 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/onlyAdaptiveGroups.css +169 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/onlyColors.css +617 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/onlyColors.d.ts +3 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/onlyColors.js +1 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariables.css +923 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariables.d.ts +3 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariables.js +1 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariablesLocal.css +923 -0
- package/themes/legoSimpleAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +71 -0
- package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.css +1276 -0
- package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.less +1000 -0
- package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.pcss +1001 -0
- package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.scss +1247 -0
- package/themes/legoSimpleAndroid/cssVars/theme/fallbacks/index.styl +1000 -0
- package/themes/legoSimpleAndroid/cssVars/theme/index.d.ts +4 -0
- package/themes/legoSimpleAndroid/cssVars/theme/index.js +1 -0
- package/themes/legoSimpleAndroid/cssVars/theme/index.json +5153 -0
- package/themes/legoSimpleAndroid/docs.json +3751 -0
- package/themes/legoSimpleAndroid/index.css +1276 -0
- package/themes/legoSimpleAndroid/index.d.ts +4 -0
- package/themes/legoSimpleAndroid/index.js +1 -0
- package/themes/legoSimpleAndroid/index.json +1590 -0
- package/themes/legoSimpleAndroid/index.less +1000 -0
- package/themes/legoSimpleAndroid/index.pcss +1001 -0
- package/themes/legoSimpleAndroid/index.scss +1247 -0
- package/themes/legoSimpleAndroid/index.styl +1000 -0
- package/themes/legoSimpleAndroid/struct.json +1756 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/index.css +1446 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/noColors.css +906 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/noSizes.css +704 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyAdaptiveGroups.css +169 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyColors.css +617 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyColors.d.ts +3 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyColors.js +1 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariables.css +923 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariables.d.ts +3 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariables.js +1 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariablesLocal.css +923 -0
- package/themes/legoSimpleAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +71 -0
- package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.css +1276 -0
- package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.less +1000 -0
- package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.pcss +1001 -0
- package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.scss +1247 -0
- package/themes/legoSimpleAndroidDark/cssVars/theme/fallbacks/index.styl +1000 -0
- package/themes/legoSimpleAndroidDark/cssVars/theme/index.d.ts +4 -0
- package/themes/legoSimpleAndroidDark/cssVars/theme/index.js +1 -0
- package/themes/legoSimpleAndroidDark/cssVars/theme/index.json +5153 -0
- package/themes/legoSimpleAndroidDark/docs.json +3751 -0
- package/themes/legoSimpleAndroidDark/index.css +1276 -0
- package/themes/legoSimpleAndroidDark/index.d.ts +4 -0
- package/themes/legoSimpleAndroidDark/index.js +1 -0
- package/themes/legoSimpleAndroidDark/index.json +1590 -0
- package/themes/legoSimpleAndroidDark/index.less +1000 -0
- package/themes/legoSimpleAndroidDark/index.pcss +1001 -0
- package/themes/legoSimpleAndroidDark/index.scss +1247 -0
- package/themes/legoSimpleAndroidDark/index.styl +1000 -0
- package/themes/legoSimpleAndroidDark/struct.json +1756 -0
- package/themes/milkshakeIOS/cssVars/declarations/index.css +27 -0
- package/themes/milkshakeIOS/cssVars/declarations/noColors.css +6 -0
- package/themes/milkshakeIOS/cssVars/declarations/noSizes.css +27 -0
- package/themes/milkshakeIOS/cssVars/declarations/onlyColors.css +21 -0
- package/themes/milkshakeIOS/cssVars/declarations/onlyColors.js +1 -1
- package/themes/milkshakeIOS/cssVars/declarations/onlyVariables.css +27 -0
- package/themes/milkshakeIOS/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/milkshakeIOS/cssVars/declarations/onlyVariablesLocal.css +27 -0
- package/themes/milkshakeIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +27 -0
- package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.css +27 -0
- package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.less +27 -0
- package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.pcss +27 -0
- package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.scss +27 -0
- package/themes/milkshakeIOS/cssVars/theme/fallbacks/index.styl +27 -0
- package/themes/milkshakeIOS/cssVars/theme/index.js +1 -1
- package/themes/milkshakeIOS/cssVars/theme/index.json +122 -0
- package/themes/milkshakeIOS/docs.json +52 -0
- package/themes/milkshakeIOS/index.css +27 -0
- package/themes/milkshakeIOS/index.js +1 -1
- package/themes/milkshakeIOS/index.json +41 -0
- package/themes/milkshakeIOS/index.less +27 -0
- package/themes/milkshakeIOS/index.pcss +27 -0
- package/themes/milkshakeIOS/index.scss +27 -0
- package/themes/milkshakeIOS/index.styl +27 -0
- package/themes/milkshakeIOS/struct.json +42 -1
- package/themes/milkshakeIOSDark/cssVars/declarations/index.css +27 -0
- package/themes/milkshakeIOSDark/cssVars/declarations/noColors.css +6 -0
- package/themes/milkshakeIOSDark/cssVars/declarations/noSizes.css +27 -0
- package/themes/milkshakeIOSDark/cssVars/declarations/onlyColors.css +21 -0
- package/themes/milkshakeIOSDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariables.css +27 -0
- package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariablesLocal.css +27 -0
- package/themes/milkshakeIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +27 -0
- package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.css +27 -0
- package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.less +27 -0
- package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.pcss +27 -0
- package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.scss +27 -0
- package/themes/milkshakeIOSDark/cssVars/theme/fallbacks/index.styl +27 -0
- package/themes/milkshakeIOSDark/cssVars/theme/index.js +1 -1
- package/themes/milkshakeIOSDark/cssVars/theme/index.json +122 -0
- package/themes/milkshakeIOSDark/docs.json +52 -0
- package/themes/milkshakeIOSDark/index.css +27 -0
- package/themes/milkshakeIOSDark/index.js +1 -1
- package/themes/milkshakeIOSDark/index.json +41 -0
- package/themes/milkshakeIOSDark/index.less +27 -0
- package/themes/milkshakeIOSDark/index.pcss +27 -0
- package/themes/milkshakeIOSDark/index.scss +27 -0
- package/themes/milkshakeIOSDark/index.styl +27 -0
- package/themes/milkshakeIOSDark/struct.json +42 -1
- package/themes/vkontakteAndroid/cssVars/declarations/index.css +30 -3
- package/themes/vkontakteAndroid/cssVars/declarations/noColors.css +6 -0
- package/themes/vkontakteAndroid/cssVars/declarations/noSizes.css +30 -3
- package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.css +24 -3
- package/themes/vkontakteAndroid/cssVars/declarations/onlyColors.js +1 -1
- package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.css +30 -3
- package/themes/vkontakteAndroid/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocal.css +30 -3
- package/themes/vkontakteAndroid/cssVars/declarations/onlyVariablesLocalIncremental.css +30 -3
- package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.css +30 -3
- package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.less +30 -3
- package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.pcss +30 -3
- package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.scss +30 -3
- package/themes/vkontakteAndroid/cssVars/theme/fallbacks/index.styl +30 -3
- package/themes/vkontakteAndroid/cssVars/theme/index.js +1 -1
- package/themes/vkontakteAndroid/cssVars/theme/index.json +129 -7
- package/themes/vkontakteAndroid/docs.json +28 -0
- package/themes/vkontakteAndroid/index.css +30 -3
- package/themes/vkontakteAndroid/index.js +1 -1
- package/themes/vkontakteAndroid/index.json +45 -4
- package/themes/vkontakteAndroid/index.less +30 -3
- package/themes/vkontakteAndroid/index.pcss +30 -3
- package/themes/vkontakteAndroid/index.scss +30 -3
- package/themes/vkontakteAndroid/index.styl +30 -3
- package/themes/vkontakteAndroid/struct.json +46 -5
- package/themes/vkontakteAndroidDark/cssVars/declarations/index.css +30 -3
- package/themes/vkontakteAndroidDark/cssVars/declarations/noColors.css +6 -0
- package/themes/vkontakteAndroidDark/cssVars/declarations/noSizes.css +30 -3
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.css +24 -3
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.css +30 -3
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocal.css +30 -3
- package/themes/vkontakteAndroidDark/cssVars/declarations/onlyVariablesLocalIncremental.css +30 -3
- package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.css +30 -3
- package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.less +30 -3
- package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.pcss +30 -3
- package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.scss +30 -3
- package/themes/vkontakteAndroidDark/cssVars/theme/fallbacks/index.styl +30 -3
- package/themes/vkontakteAndroidDark/cssVars/theme/index.js +1 -1
- package/themes/vkontakteAndroidDark/cssVars/theme/index.json +129 -7
- package/themes/vkontakteAndroidDark/docs.json +28 -0
- package/themes/vkontakteAndroidDark/index.css +30 -3
- package/themes/vkontakteAndroidDark/index.js +1 -1
- package/themes/vkontakteAndroidDark/index.json +45 -4
- package/themes/vkontakteAndroidDark/index.less +30 -3
- package/themes/vkontakteAndroidDark/index.pcss +30 -3
- package/themes/vkontakteAndroidDark/index.scss +30 -3
- package/themes/vkontakteAndroidDark/index.styl +30 -3
- package/themes/vkontakteAndroidDark/struct.json +46 -5
- package/themes/vkontakteCom/docs.json +28 -0
- package/themes/vkontakteComDark/docs.json +28 -0
- package/themes/vkontakteIOS/cssVars/declarations/index.css +24 -3
- package/themes/vkontakteIOS/cssVars/declarations/noSizes.css +24 -3
- package/themes/vkontakteIOS/cssVars/declarations/onlyColors.css +24 -3
- package/themes/vkontakteIOS/cssVars/declarations/onlyColors.js +1 -1
- package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.css +24 -3
- package/themes/vkontakteIOS/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocal.css +24 -3
- package/themes/vkontakteIOS/cssVars/declarations/onlyVariablesLocalIncremental.css +24 -3
- package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.css +24 -3
- package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.less +24 -3
- package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.pcss +24 -3
- package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.scss +24 -3
- package/themes/vkontakteIOS/cssVars/theme/fallbacks/index.styl +24 -3
- package/themes/vkontakteIOS/cssVars/theme/index.js +1 -1
- package/themes/vkontakteIOS/cssVars/theme/index.json +105 -7
- package/themes/vkontakteIOS/docs.json +28 -0
- package/themes/vkontakteIOS/index.css +24 -3
- package/themes/vkontakteIOS/index.js +1 -1
- package/themes/vkontakteIOS/index.json +39 -4
- package/themes/vkontakteIOS/index.less +24 -3
- package/themes/vkontakteIOS/index.pcss +24 -3
- package/themes/vkontakteIOS/index.scss +24 -3
- package/themes/vkontakteIOS/index.styl +24 -3
- package/themes/vkontakteIOS/struct.json +39 -4
- package/themes/vkontakteIOSDark/cssVars/declarations/index.css +24 -3
- package/themes/vkontakteIOSDark/cssVars/declarations/noSizes.css +24 -3
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.css +24 -3
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyColors.js +1 -1
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.css +24 -3
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariables.js +1 -1
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocal.css +24 -3
- package/themes/vkontakteIOSDark/cssVars/declarations/onlyVariablesLocalIncremental.css +24 -3
- package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.css +24 -3
- package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.less +24 -3
- package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.pcss +24 -3
- package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.scss +24 -3
- package/themes/vkontakteIOSDark/cssVars/theme/fallbacks/index.styl +24 -3
- package/themes/vkontakteIOSDark/cssVars/theme/index.js +1 -1
- package/themes/vkontakteIOSDark/cssVars/theme/index.json +105 -7
- package/themes/vkontakteIOSDark/docs.json +28 -0
- package/themes/vkontakteIOSDark/index.css +24 -3
- package/themes/vkontakteIOSDark/index.js +1 -1
- package/themes/vkontakteIOSDark/index.json +39 -4
- package/themes/vkontakteIOSDark/index.less +24 -3
- package/themes/vkontakteIOSDark/index.pcss +24 -3
- package/themes/vkontakteIOSDark/index.scss +24 -3
- package/themes/vkontakteIOSDark/index.styl +24 -3
- package/themes/vkontakteIOSDark/struct.json +39 -4
|
@@ -37,11 +37,11 @@
|
|
|
37
37
|
},
|
|
38
38
|
"blurL": {
|
|
39
39
|
"name": "--vkui--blur_l",
|
|
40
|
-
"value": "var(--vkui--blur_l,
|
|
40
|
+
"value": "var(--vkui--blur_l, 32px)"
|
|
41
41
|
},
|
|
42
42
|
"blurXL": {
|
|
43
43
|
"name": "--vkui--blur_x_l",
|
|
44
|
-
"value": "var(--vkui--blur_x_l,
|
|
44
|
+
"value": "var(--vkui--blur_x_l, 64px)"
|
|
45
45
|
},
|
|
46
46
|
"fontFamilyFallbacks": {
|
|
47
47
|
"name": "--vkui--font_family_fallbacks",
|
|
@@ -1131,10 +1131,6 @@
|
|
|
1131
1131
|
"regular": {
|
|
1132
1132
|
"name": "--vkui--size_cell_height--regular",
|
|
1133
1133
|
"value": "var(--vkui--size_cell_height--regular, 52px)"
|
|
1134
|
-
},
|
|
1135
|
-
"compact": {
|
|
1136
|
-
"name": "--vkui--size_cell_height--compact",
|
|
1137
|
-
"value": "var(--vkui--size_cell_height--compact, 48px)"
|
|
1138
1134
|
}
|
|
1139
1135
|
},
|
|
1140
1136
|
"sizeFieldHeight": {
|
|
@@ -1173,10 +1169,6 @@
|
|
|
1173
1169
|
"regular": {
|
|
1174
1170
|
"name": "--vkui--size_button_extra_small_height--regular",
|
|
1175
1171
|
"value": "var(--vkui--size_button_extra_small_height--regular, 28px)"
|
|
1176
|
-
},
|
|
1177
|
-
"compact": {
|
|
1178
|
-
"name": "--vkui--size_button_extra_small_height--compact",
|
|
1179
|
-
"value": "var(--vkui--size_button_extra_small_height--compact, 24px)"
|
|
1180
1172
|
}
|
|
1181
1173
|
},
|
|
1182
1174
|
"sizeButtonSmallHeight": {
|
|
@@ -1186,11 +1178,7 @@
|
|
|
1186
1178
|
},
|
|
1187
1179
|
"regular": {
|
|
1188
1180
|
"name": "--vkui--size_button_small_height--regular",
|
|
1189
|
-
"value": "var(--vkui--size_button_small_height--regular,
|
|
1190
|
-
},
|
|
1191
|
-
"compact": {
|
|
1192
|
-
"name": "--vkui--size_button_small_height--compact",
|
|
1193
|
-
"value": "var(--vkui--size_button_small_height--compact, 32px)"
|
|
1181
|
+
"value": "var(--vkui--size_button_small_height--regular, 28px)"
|
|
1194
1182
|
}
|
|
1195
1183
|
},
|
|
1196
1184
|
"sizeButtonMediumHeight": {
|
|
@@ -1200,11 +1188,7 @@
|
|
|
1200
1188
|
},
|
|
1201
1189
|
"regular": {
|
|
1202
1190
|
"name": "--vkui--size_button_medium_height--regular",
|
|
1203
|
-
"value": "var(--vkui--size_button_medium_height--regular,
|
|
1204
|
-
},
|
|
1205
|
-
"compact": {
|
|
1206
|
-
"name": "--vkui--size_button_medium_height--compact",
|
|
1207
|
-
"value": "var(--vkui--size_button_medium_height--compact, 36px)"
|
|
1191
|
+
"value": "var(--vkui--size_button_medium_height--regular, 38px)"
|
|
1208
1192
|
}
|
|
1209
1193
|
},
|
|
1210
1194
|
"sizeButtonLargeHeight": {
|
|
@@ -1215,10 +1199,6 @@
|
|
|
1215
1199
|
"regular": {
|
|
1216
1200
|
"name": "--vkui--size_button_large_height--regular",
|
|
1217
1201
|
"value": "var(--vkui--size_button_large_height--regular, 52px)"
|
|
1218
|
-
},
|
|
1219
|
-
"compact": {
|
|
1220
|
-
"name": "--vkui--size_button_large_height--compact",
|
|
1221
|
-
"value": "var(--vkui--size_button_large_height--compact, 44px)"
|
|
1222
1202
|
}
|
|
1223
1203
|
},
|
|
1224
1204
|
"sizeCheckbox": {
|
|
@@ -1469,10 +1449,6 @@
|
|
|
1469
1449
|
"regular": {
|
|
1470
1450
|
"name": "--vkui--size_base_padding_horizontal--regular",
|
|
1471
1451
|
"value": "var(--vkui--size_base_padding_horizontal--regular, 16px)"
|
|
1472
|
-
},
|
|
1473
|
-
"compact": {
|
|
1474
|
-
"name": "--vkui--size_base_padding_horizontal--compact",
|
|
1475
|
-
"value": "var(--vkui--size_base_padding_horizontal--compact, 16px)"
|
|
1476
1452
|
}
|
|
1477
1453
|
},
|
|
1478
1454
|
"sizeBasePaddingVertical": {
|
|
@@ -1905,6 +1881,30 @@
|
|
|
1905
1881
|
"name": "--vkui--radius_3x_l",
|
|
1906
1882
|
"value": "var(--vkui--radius_3x_l, 32px)"
|
|
1907
1883
|
},
|
|
1884
|
+
"animationEasingLinear": {
|
|
1885
|
+
"name": "--vkui--animation_easing_linear",
|
|
1886
|
+
"value": "var(--vkui--animation_easing_linear, cubic-bezier(0, 0, 1, 1))"
|
|
1887
|
+
},
|
|
1888
|
+
"animationEasingInSmooth": {
|
|
1889
|
+
"name": "--vkui--animation_easing_in_smooth",
|
|
1890
|
+
"value": "var(--vkui--animation_easing_in_smooth, cubic-bezier(1, 0, 0.7, 1))"
|
|
1891
|
+
},
|
|
1892
|
+
"animationEasingOutSmooth": {
|
|
1893
|
+
"name": "--vkui--animation_easing_out_smooth",
|
|
1894
|
+
"value": "var(--vkui--animation_easing_out_smooth, cubic-bezier(0.3, 0, 0, 1))"
|
|
1895
|
+
},
|
|
1896
|
+
"animationEasingInOutSmooth": {
|
|
1897
|
+
"name": "--vkui--animation_easing_in_out_smooth",
|
|
1898
|
+
"value": "var(--vkui--animation_easing_in_out_smooth, cubic-bezier(0.3, 0, 0.7, 1))"
|
|
1899
|
+
},
|
|
1900
|
+
"animationEasingOutSharp": {
|
|
1901
|
+
"name": "--vkui--animation_easing_out_sharp",
|
|
1902
|
+
"value": "var(--vkui--animation_easing_out_sharp, cubic-bezier(0.2, 0, 0, 1))"
|
|
1903
|
+
},
|
|
1904
|
+
"animationEasingInOutSharp": {
|
|
1905
|
+
"name": "--vkui--animation_easing_in_out_sharp",
|
|
1906
|
+
"value": "var(--vkui--animation_easing_in_out_sharp, cubic-bezier(0.7, 0, 0.3, 1))"
|
|
1907
|
+
},
|
|
1908
1908
|
"fontLabel1": {
|
|
1909
1909
|
"auto": {
|
|
1910
1910
|
"fontSize": {
|
|
@@ -2460,15 +2460,15 @@
|
|
|
2460
2460
|
"colorBackgroundSecondary": {
|
|
2461
2461
|
"normal": {
|
|
2462
2462
|
"name": "--vkui--color_background_secondary",
|
|
2463
|
-
"value": "var(--vkui--color_background_secondary, #
|
|
2463
|
+
"value": "var(--vkui--color_background_secondary, #f2f2f2)"
|
|
2464
2464
|
},
|
|
2465
2465
|
"hover": {
|
|
2466
2466
|
"name": "--vkui--color_background_secondary--hover",
|
|
2467
|
-
"value": "var(--vkui--color_background_secondary--hover, #
|
|
2467
|
+
"value": "var(--vkui--color_background_secondary--hover, #E8E9EB)"
|
|
2468
2468
|
},
|
|
2469
2469
|
"active": {
|
|
2470
2470
|
"name": "--vkui--color_background_secondary--active",
|
|
2471
|
-
"value": "var(--vkui--color_background_secondary--active, #
|
|
2471
|
+
"value": "var(--vkui--color_background_secondary--active, #DFE0E4)"
|
|
2472
2472
|
}
|
|
2473
2473
|
},
|
|
2474
2474
|
"colorBackgroundSecondaryAlpha": {
|
|
@@ -2894,29 +2894,29 @@
|
|
|
2894
2894
|
"colorTextLink": {
|
|
2895
2895
|
"normal": {
|
|
2896
2896
|
"name": "--vkui--color_text_link",
|
|
2897
|
-
"value": "var(--vkui--color_text_link, #
|
|
2897
|
+
"value": "var(--vkui--color_text_link, #2d81e0)"
|
|
2898
2898
|
},
|
|
2899
2899
|
"hover": {
|
|
2900
2900
|
"name": "--vkui--color_text_link--hover",
|
|
2901
|
-
"value": "var(--vkui--color_text_link--hover, #
|
|
2901
|
+
"value": "var(--vkui--color_text_link--hover, #2B7CD9)"
|
|
2902
2902
|
},
|
|
2903
2903
|
"active": {
|
|
2904
2904
|
"name": "--vkui--color_text_link--active",
|
|
2905
|
-
"value": "var(--vkui--color_text_link--active, #
|
|
2905
|
+
"value": "var(--vkui--color_text_link--active, #2978D3)"
|
|
2906
2906
|
}
|
|
2907
2907
|
},
|
|
2908
2908
|
"colorTextLinkThemed": {
|
|
2909
2909
|
"normal": {
|
|
2910
2910
|
"name": "--vkui--color_text_link_themed",
|
|
2911
|
-
"value": "var(--vkui--color_text_link_themed, #
|
|
2911
|
+
"value": "var(--vkui--color_text_link_themed, #2d81e0)"
|
|
2912
2912
|
},
|
|
2913
2913
|
"hover": {
|
|
2914
2914
|
"name": "--vkui--color_text_link_themed--hover",
|
|
2915
|
-
"value": "var(--vkui--color_text_link_themed--hover, #
|
|
2915
|
+
"value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)"
|
|
2916
2916
|
},
|
|
2917
2917
|
"active": {
|
|
2918
2918
|
"name": "--vkui--color_text_link_themed--active",
|
|
2919
|
-
"value": "var(--vkui--color_text_link_themed--active, #
|
|
2919
|
+
"value": "var(--vkui--color_text_link_themed--active, #2978D3)"
|
|
2920
2920
|
}
|
|
2921
2921
|
},
|
|
2922
2922
|
"colorTextLinkTint": {
|
|
@@ -3412,15 +3412,15 @@
|
|
|
3412
3412
|
"colorAccentRed": {
|
|
3413
3413
|
"normal": {
|
|
3414
3414
|
"name": "--vkui--color_accent_red",
|
|
3415
|
-
"value": "var(--vkui--color_accent_red, #
|
|
3415
|
+
"value": "var(--vkui--color_accent_red, #ff5773)"
|
|
3416
3416
|
},
|
|
3417
3417
|
"hover": {
|
|
3418
3418
|
"name": "--vkui--color_accent_red--hover",
|
|
3419
|
-
"value": "var(--vkui--color_accent_red--hover, #
|
|
3419
|
+
"value": "var(--vkui--color_accent_red--hover, #F55471)"
|
|
3420
3420
|
},
|
|
3421
3421
|
"active": {
|
|
3422
3422
|
"name": "--vkui--color_accent_red--active",
|
|
3423
|
-
"value": "var(--vkui--color_accent_red--active, #
|
|
3423
|
+
"value": "var(--vkui--color_accent_red--active, #EB516F)"
|
|
3424
3424
|
}
|
|
3425
3425
|
},
|
|
3426
3426
|
"colorAccentOrangeFire": {
|
|
@@ -3440,15 +3440,15 @@
|
|
|
3440
3440
|
"colorAccentOrange": {
|
|
3441
3441
|
"normal": {
|
|
3442
3442
|
"name": "--vkui--color_accent_orange",
|
|
3443
|
-
"value": "var(--vkui--color_accent_orange, #
|
|
3443
|
+
"value": "var(--vkui--color_accent_orange, #ff913d)"
|
|
3444
3444
|
},
|
|
3445
3445
|
"hover": {
|
|
3446
3446
|
"name": "--vkui--color_accent_orange--hover",
|
|
3447
|
-
"value": "var(--vkui--color_accent_orange--hover, #
|
|
3447
|
+
"value": "var(--vkui--color_accent_orange--hover, #F58C3D)"
|
|
3448
3448
|
},
|
|
3449
3449
|
"active": {
|
|
3450
3450
|
"name": "--vkui--color_accent_orange--active",
|
|
3451
|
-
"value": "var(--vkui--color_accent_orange--active, #
|
|
3451
|
+
"value": "var(--vkui--color_accent_orange--active, #EB873D)"
|
|
3452
3452
|
}
|
|
3453
3453
|
},
|
|
3454
3454
|
"colorAccentOrangePeach": {
|
|
@@ -3482,15 +3482,15 @@
|
|
|
3482
3482
|
"colorAccentGreen": {
|
|
3483
3483
|
"normal": {
|
|
3484
3484
|
"name": "--vkui--color_accent_green",
|
|
3485
|
-
"value": "var(--vkui--color_accent_green, #
|
|
3485
|
+
"value": "var(--vkui--color_accent_green, #42d347)"
|
|
3486
3486
|
},
|
|
3487
3487
|
"hover": {
|
|
3488
3488
|
"name": "--vkui--color_accent_green--hover",
|
|
3489
|
-
"value": "var(--vkui--color_accent_green--hover, #
|
|
3489
|
+
"value": "var(--vkui--color_accent_green--hover, #3FCB47)"
|
|
3490
3490
|
},
|
|
3491
3491
|
"active": {
|
|
3492
3492
|
"name": "--vkui--color_accent_green--active",
|
|
3493
|
-
"value": "var(--vkui--color_accent_green--active, #
|
|
3493
|
+
"value": "var(--vkui--color_accent_green--active, #3DC346)"
|
|
3494
3494
|
}
|
|
3495
3495
|
},
|
|
3496
3496
|
"colorAccentCyan": {
|
|
@@ -3552,29 +3552,29 @@
|
|
|
3552
3552
|
"colorAccentRaspberryPink": {
|
|
3553
3553
|
"normal": {
|
|
3554
3554
|
"name": "--vkui--color_accent_raspberry_pink",
|
|
3555
|
-
"value": "var(--vkui--color_accent_raspberry_pink, #
|
|
3555
|
+
"value": "var(--vkui--color_accent_raspberry_pink, #fa7fbb)"
|
|
3556
3556
|
},
|
|
3557
3557
|
"hover": {
|
|
3558
3558
|
"name": "--vkui--color_accent_raspberry_pink--hover",
|
|
3559
|
-
"value": "var(--vkui--color_accent_raspberry_pink--hover, #
|
|
3559
|
+
"value": "var(--vkui--color_accent_raspberry_pink--hover, #F07BB6)"
|
|
3560
3560
|
},
|
|
3561
3561
|
"active": {
|
|
3562
3562
|
"name": "--vkui--color_accent_raspberry_pink--active",
|
|
3563
|
-
"value": "var(--vkui--color_accent_raspberry_pink--active, #
|
|
3563
|
+
"value": "var(--vkui--color_accent_raspberry_pink--active, #E676B1)"
|
|
3564
3564
|
}
|
|
3565
3565
|
},
|
|
3566
3566
|
"colorAccentPink": {
|
|
3567
3567
|
"normal": {
|
|
3568
3568
|
"name": "--vkui--color_accent_pink",
|
|
3569
|
-
"value": "var(--vkui--color_accent_pink, #
|
|
3569
|
+
"value": "var(--vkui--color_accent_pink, #e866ff)"
|
|
3570
3570
|
},
|
|
3571
3571
|
"hover": {
|
|
3572
3572
|
"name": "--vkui--color_accent_pink--hover",
|
|
3573
|
-
"value": "var(--vkui--color_accent_pink--hover, #
|
|
3573
|
+
"value": "var(--vkui--color_accent_pink--hover, #DF63F7)"
|
|
3574
3574
|
},
|
|
3575
3575
|
"active": {
|
|
3576
3576
|
"name": "--vkui--color_accent_pink--active",
|
|
3577
|
-
"value": "var(--vkui--color_accent_pink--active, #
|
|
3577
|
+
"value": "var(--vkui--color_accent_pink--active, #D55FEF)"
|
|
3578
3578
|
}
|
|
3579
3579
|
},
|
|
3580
3580
|
"colorAccentSecondary": {
|
|
@@ -3927,6 +3927,48 @@
|
|
|
3927
3927
|
"value": "var(--vkui--color_background_inverse--active, #232428)"
|
|
3928
3928
|
}
|
|
3929
3929
|
},
|
|
3930
|
+
"colorTextTertiaryAlpha": {
|
|
3931
|
+
"normal": {
|
|
3932
|
+
"name": "--vkui--color_text_tertiary_alpha",
|
|
3933
|
+
"value": "var(--vkui--color_text_tertiary_alpha, #3b3b3b66)"
|
|
3934
|
+
},
|
|
3935
|
+
"hover": {
|
|
3936
|
+
"name": "--vkui--color_text_tertiary_alpha--hover",
|
|
3937
|
+
"value": "var(--vkui--color_text_tertiary_alpha--hover, rgba(59, 59, 59, 0.44))"
|
|
3938
|
+
},
|
|
3939
|
+
"active": {
|
|
3940
|
+
"name": "--vkui--color_text_tertiary_alpha--active",
|
|
3941
|
+
"value": "var(--vkui--color_text_tertiary_alpha--active, rgba(59, 59, 59, 0.48))"
|
|
3942
|
+
}
|
|
3943
|
+
},
|
|
3944
|
+
"colorTextContrastSecondaryAlpha": {
|
|
3945
|
+
"normal": {
|
|
3946
|
+
"name": "--vkui--color_text_contrast_secondary_alpha",
|
|
3947
|
+
"value": "var(--vkui--color_text_contrast_secondary_alpha, #ffffff7f)"
|
|
3948
|
+
},
|
|
3949
|
+
"hover": {
|
|
3950
|
+
"name": "--vkui--color_text_contrast_secondary_alpha--hover",
|
|
3951
|
+
"value": "var(--vkui--color_text_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54))"
|
|
3952
|
+
},
|
|
3953
|
+
"active": {
|
|
3954
|
+
"name": "--vkui--color_text_contrast_secondary_alpha--active",
|
|
3955
|
+
"value": "var(--vkui--color_text_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58))"
|
|
3956
|
+
}
|
|
3957
|
+
},
|
|
3958
|
+
"colorIconContrastSecondaryAlpha": {
|
|
3959
|
+
"normal": {
|
|
3960
|
+
"name": "--vkui--color_icon_contrast_secondary_alpha",
|
|
3961
|
+
"value": "var(--vkui--color_icon_contrast_secondary_alpha, #ffffff7f)"
|
|
3962
|
+
},
|
|
3963
|
+
"hover": {
|
|
3964
|
+
"name": "--vkui--color_icon_contrast_secondary_alpha--hover",
|
|
3965
|
+
"value": "var(--vkui--color_icon_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.54))"
|
|
3966
|
+
},
|
|
3967
|
+
"active": {
|
|
3968
|
+
"name": "--vkui--color_icon_contrast_secondary_alpha--active",
|
|
3969
|
+
"value": "var(--vkui--color_icon_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.58))"
|
|
3970
|
+
}
|
|
3971
|
+
},
|
|
3930
3972
|
"colorStrokeContrastSecondaryAlpha": {
|
|
3931
3973
|
"normal": {
|
|
3932
3974
|
"name": "--vkui--color_stroke_contrast_secondary_alpha",
|
|
@@ -3941,18 +3983,74 @@
|
|
|
3941
3983
|
"value": "var(--vkui--color_stroke_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.2))"
|
|
3942
3984
|
}
|
|
3943
3985
|
},
|
|
3944
|
-
"
|
|
3986
|
+
"colorAccentMint": {
|
|
3945
3987
|
"normal": {
|
|
3946
|
-
"name": "--vkui--
|
|
3947
|
-
"value": "var(--vkui--
|
|
3988
|
+
"name": "--vkui--color_accent_mint",
|
|
3989
|
+
"value": "var(--vkui--color_accent_mint, #a3fd79)"
|
|
3948
3990
|
},
|
|
3949
3991
|
"hover": {
|
|
3950
|
-
"name": "--vkui--
|
|
3951
|
-
"value": "var(--vkui--
|
|
3992
|
+
"name": "--vkui--color_accent_mint--hover",
|
|
3993
|
+
"value": "var(--vkui--color_accent_mint--hover, #9CF477)"
|
|
3952
3994
|
},
|
|
3953
3995
|
"active": {
|
|
3954
|
-
"name": "--vkui--
|
|
3955
|
-
"value": "var(--vkui--
|
|
3996
|
+
"name": "--vkui--color_accent_mint--active",
|
|
3997
|
+
"value": "var(--vkui--color_accent_mint--active, #96EA74)"
|
|
3998
|
+
}
|
|
3999
|
+
},
|
|
4000
|
+
"colorTextLinkInPrimary": {
|
|
4001
|
+
"normal": {
|
|
4002
|
+
"name": "--vkui--color_text_link_in_primary",
|
|
4003
|
+
"value": "var(--vkui--color_text_link_in_primary, #999999)"
|
|
4004
|
+
},
|
|
4005
|
+
"hover": {
|
|
4006
|
+
"name": "--vkui--color_text_link_in_primary--hover",
|
|
4007
|
+
"value": "var(--vkui--color_text_link_in_primary--hover, #939495)"
|
|
4008
|
+
},
|
|
4009
|
+
"active": {
|
|
4010
|
+
"name": "--vkui--color_text_link_in_primary--active",
|
|
4011
|
+
"value": "var(--vkui--color_text_link_in_primary--active, #8D8E92)"
|
|
4012
|
+
}
|
|
4013
|
+
},
|
|
4014
|
+
"colorTextLinkInSecondary": {
|
|
4015
|
+
"normal": {
|
|
4016
|
+
"name": "--vkui--color_text_link_in_secondary",
|
|
4017
|
+
"value": "var(--vkui--color_text_link_in_secondary, #3b3b3b)"
|
|
4018
|
+
},
|
|
4019
|
+
"hover": {
|
|
4020
|
+
"name": "--vkui--color_text_link_in_secondary--hover",
|
|
4021
|
+
"value": "var(--vkui--color_text_link_in_secondary--hover, #39393B)"
|
|
4022
|
+
},
|
|
4023
|
+
"active": {
|
|
4024
|
+
"name": "--vkui--color_text_link_in_secondary--active",
|
|
4025
|
+
"value": "var(--vkui--color_text_link_in_secondary--active, #36383B)"
|
|
4026
|
+
}
|
|
4027
|
+
},
|
|
4028
|
+
"colorTextLinkInContrast": {
|
|
4029
|
+
"normal": {
|
|
4030
|
+
"name": "--vkui--color_text_link_in_contrast",
|
|
4031
|
+
"value": "var(--vkui--color_text_link_in_contrast, #ffffff7f)"
|
|
4032
|
+
},
|
|
4033
|
+
"hover": {
|
|
4034
|
+
"name": "--vkui--color_text_link_in_contrast--hover",
|
|
4035
|
+
"value": "var(--vkui--color_text_link_in_contrast--hover, rgba(255, 255, 255, 0.54))"
|
|
4036
|
+
},
|
|
4037
|
+
"active": {
|
|
4038
|
+
"name": "--vkui--color_text_link_in_contrast--active",
|
|
4039
|
+
"value": "var(--vkui--color_text_link_in_contrast--active, rgba(255, 255, 255, 0.58))"
|
|
4040
|
+
}
|
|
4041
|
+
},
|
|
4042
|
+
"colorTextLinkInContrastSecondaryAlpha": {
|
|
4043
|
+
"normal": {
|
|
4044
|
+
"name": "--vkui--color_text_link_in_contrast_secondary_alpha",
|
|
4045
|
+
"value": "var(--vkui--color_text_link_in_contrast_secondary_alpha, #ffffff)"
|
|
4046
|
+
},
|
|
4047
|
+
"hover": {
|
|
4048
|
+
"name": "--vkui--color_text_link_in_contrast_secondary_alpha--hover",
|
|
4049
|
+
"value": "var(--vkui--color_text_link_in_contrast_secondary_alpha--hover, #F5F5F7)"
|
|
4050
|
+
},
|
|
4051
|
+
"active": {
|
|
4052
|
+
"name": "--vkui--color_text_link_in_contrast_secondary_alpha--active",
|
|
4053
|
+
"value": "var(--vkui--color_text_link_in_contrast_secondary_alpha--active, #EBECEF)"
|
|
3956
4054
|
}
|
|
3957
4055
|
},
|
|
3958
4056
|
"vkontakteColorSnippetBorderAlpha": {
|
|
@@ -170,6 +170,10 @@
|
|
|
170
170
|
}
|
|
171
171
|
]
|
|
172
172
|
},
|
|
173
|
+
"colorAccentMint": {
|
|
174
|
+
"tags": [],
|
|
175
|
+
"desc": []
|
|
176
|
+
},
|
|
173
177
|
"colorAccentOrange": {
|
|
174
178
|
"tags": [
|
|
175
179
|
"color",
|
|
@@ -748,6 +752,10 @@
|
|
|
748
752
|
}
|
|
749
753
|
]
|
|
750
754
|
},
|
|
755
|
+
"colorIconContrastSecondaryAlpha": {
|
|
756
|
+
"tags": [],
|
|
757
|
+
"desc": []
|
|
758
|
+
},
|
|
751
759
|
"colorIconContrastThemed": {
|
|
752
760
|
"tags": [
|
|
753
761
|
"color",
|
|
@@ -1231,6 +1239,10 @@
|
|
|
1231
1239
|
}
|
|
1232
1240
|
]
|
|
1233
1241
|
},
|
|
1242
|
+
"colorTextContrastSecondaryAlpha": {
|
|
1243
|
+
"tags": [],
|
|
1244
|
+
"desc": []
|
|
1245
|
+
},
|
|
1234
1246
|
"colorTextContrastThemed": {
|
|
1235
1247
|
"tags": [
|
|
1236
1248
|
"color",
|
|
@@ -1256,6 +1268,22 @@
|
|
|
1256
1268
|
}
|
|
1257
1269
|
]
|
|
1258
1270
|
},
|
|
1271
|
+
"colorTextLinkInContrast": {
|
|
1272
|
+
"tags": [],
|
|
1273
|
+
"desc": []
|
|
1274
|
+
},
|
|
1275
|
+
"colorTextLinkInContrastSecondaryAlpha": {
|
|
1276
|
+
"tags": [],
|
|
1277
|
+
"desc": []
|
|
1278
|
+
},
|
|
1279
|
+
"colorTextLinkInPrimary": {
|
|
1280
|
+
"tags": [],
|
|
1281
|
+
"desc": []
|
|
1282
|
+
},
|
|
1283
|
+
"colorTextLinkInSecondary": {
|
|
1284
|
+
"tags": [],
|
|
1285
|
+
"desc": []
|
|
1286
|
+
},
|
|
1259
1287
|
"colorTextLinkThemed": {
|
|
1260
1288
|
"tags": [
|
|
1261
1289
|
"color",
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
--vkui--elevation4: 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16);
|
|
9
9
|
--vkui--blur_s: 8px;
|
|
10
10
|
--vkui--blur_m: 16px;
|
|
11
|
-
--vkui--blur_l:
|
|
12
|
-
--vkui--blur_x_l:
|
|
11
|
+
--vkui--blur_l: 32px;
|
|
12
|
+
--vkui--blur_x_l: 64px;
|
|
13
13
|
--vkui--font_family_fallbacks: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
14
14
|
--vkui--font_family_accent: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
15
15
|
--vkui--font_family_base: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
|
|
@@ -136,19 +136,14 @@
|
|
|
136
136
|
--vkui--size_border_radius_paper--regular: 12px;
|
|
137
137
|
--vkui--size_border_radius_promo--regular: 20px;
|
|
138
138
|
--vkui--size_cell_height--regular: 52px;
|
|
139
|
-
--vkui--size_cell_height--compact: 48px;
|
|
140
139
|
--vkui--size_field_height--regular: 44px;
|
|
141
140
|
--vkui--size_field_height--compact: 36px;
|
|
142
141
|
--vkui--size_search_height--regular: 36px;
|
|
143
142
|
--vkui--size_search_height--compact: 32px;
|
|
144
143
|
--vkui--size_button_extra_small_height--regular: 28px;
|
|
145
|
-
--vkui--
|
|
146
|
-
--vkui--
|
|
147
|
-
--vkui--size_button_small_height--compact: 32px;
|
|
148
|
-
--vkui--size_button_medium_height--regular: 44px;
|
|
149
|
-
--vkui--size_button_medium_height--compact: 36px;
|
|
144
|
+
--vkui--size_button_small_height--regular: 28px;
|
|
145
|
+
--vkui--size_button_medium_height--regular: 38px;
|
|
150
146
|
--vkui--size_button_large_height--regular: 52px;
|
|
151
|
-
--vkui--size_button_large_height--compact: 44px;
|
|
152
147
|
--vkui--size_checkbox--regular: 16px;
|
|
153
148
|
--vkui--size_arrow--regular: 8px;
|
|
154
149
|
--vkui--size_arrow_promo--regular: 40px;
|
|
@@ -174,7 +169,6 @@
|
|
|
174
169
|
--vkui--size_card_border_radius--regular: 8px;
|
|
175
170
|
--vkui--size_cardgrid_padding_vertical--regular: 8px;
|
|
176
171
|
--vkui--size_base_padding_horizontal--regular: 16px;
|
|
177
|
-
--vkui--size_base_padding_horizontal--compact: 16px;
|
|
178
172
|
--vkui--size_base_padding_vertical--regular: 12px;
|
|
179
173
|
--vkui--size_button_group_gap_space--regular: 1px;
|
|
180
174
|
--vkui--size_button_group_gap_small--regular: 8px;
|
|
@@ -239,6 +233,12 @@
|
|
|
239
233
|
--vkui--radius_x_l: 20px;
|
|
240
234
|
--vkui--radius_2x_l: 24px;
|
|
241
235
|
--vkui--radius_3x_l: 32px;
|
|
236
|
+
--vkui--animation_easing_linear: cubic-bezier(0, 0, 1, 1);
|
|
237
|
+
--vkui--animation_easing_in_smooth: cubic-bezier(1, 0, 0.7, 1);
|
|
238
|
+
--vkui--animation_easing_out_smooth: cubic-bezier(0.3, 0, 0, 1);
|
|
239
|
+
--vkui--animation_easing_in_out_smooth: cubic-bezier(0.3, 0, 0.7, 1);
|
|
240
|
+
--vkui--animation_easing_out_sharp: cubic-bezier(0.2, 0, 0, 1);
|
|
241
|
+
--vkui--animation_easing_in_out_sharp: cubic-bezier(0.7, 0, 0.3, 1);
|
|
242
242
|
--vkui--font_label1--font_size--regular: 19px;
|
|
243
243
|
--vkui--font_label1--line_height--regular: 20px;
|
|
244
244
|
--vkui--font_label1--font_weight--regular: 670;
|
|
@@ -332,9 +332,9 @@
|
|
|
332
332
|
--vkui--color_background_content_inverse: #19191A;
|
|
333
333
|
--vkui--color_background_content_inverse--hover: #18191B;
|
|
334
334
|
--vkui--color_background_content_inverse--active: #17181D;
|
|
335
|
-
--vkui--color_background_secondary: #
|
|
336
|
-
--vkui--color_background_secondary--hover: #
|
|
337
|
-
--vkui--color_background_secondary--active: #
|
|
335
|
+
--vkui--color_background_secondary: #f2f2f2;
|
|
336
|
+
--vkui--color_background_secondary--hover: #E8E9EB;
|
|
337
|
+
--vkui--color_background_secondary--active: #DFE0E4;
|
|
338
338
|
--vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
|
|
339
339
|
--vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
|
|
340
340
|
--vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
|
|
@@ -425,12 +425,12 @@
|
|
|
425
425
|
--vkui--color_text_negative: #f65460;
|
|
426
426
|
--vkui--color_text_negative--hover: #EC515F;
|
|
427
427
|
--vkui--color_text_negative--active: #E24F5D;
|
|
428
|
-
--vkui--color_text_link: #
|
|
429
|
-
--vkui--color_text_link--hover: #
|
|
430
|
-
--vkui--color_text_link--active: #
|
|
431
|
-
--vkui--color_text_link_themed: #
|
|
432
|
-
--vkui--color_text_link_themed--hover: #
|
|
433
|
-
--vkui--color_text_link_themed--active: #
|
|
428
|
+
--vkui--color_text_link: #2d81e0;
|
|
429
|
+
--vkui--color_text_link--hover: #2B7CD9;
|
|
430
|
+
--vkui--color_text_link--active: #2978D3;
|
|
431
|
+
--vkui--color_text_link_themed: #2d81e0;
|
|
432
|
+
--vkui--color_text_link_themed--hover: #2B7CD9;
|
|
433
|
+
--vkui--color_text_link_themed--active: #2978D3;
|
|
434
434
|
--vkui--color_text_link_tint: #71aaeb;
|
|
435
435
|
--vkui--color_text_link_tint--hover: #6CA4E4;
|
|
436
436
|
--vkui--color_text_link_tint--active: #689EDD;
|
|
@@ -536,24 +536,24 @@
|
|
|
536
536
|
--vkui--color_accent_gray: #a3adb8;
|
|
537
537
|
--vkui--color_accent_gray--hover: #9CA7B3;
|
|
538
538
|
--vkui--color_accent_gray--active: #96A0AE;
|
|
539
|
-
--vkui--color_accent_red: #
|
|
540
|
-
--vkui--color_accent_red--hover: #
|
|
541
|
-
--vkui--color_accent_red--active: #
|
|
539
|
+
--vkui--color_accent_red: #ff5773;
|
|
540
|
+
--vkui--color_accent_red--hover: #F55471;
|
|
541
|
+
--vkui--color_accent_red--active: #EB516F;
|
|
542
542
|
--vkui--color_accent_orange_fire: #f05c44;
|
|
543
543
|
--vkui--color_accent_orange_fire--hover: #E65944;
|
|
544
544
|
--vkui--color_accent_orange_fire--active: #DD5643;
|
|
545
|
-
--vkui--color_accent_orange: #
|
|
546
|
-
--vkui--color_accent_orange--hover: #
|
|
547
|
-
--vkui--color_accent_orange--active: #
|
|
545
|
+
--vkui--color_accent_orange: #ff913d;
|
|
546
|
+
--vkui--color_accent_orange--hover: #F58C3D;
|
|
547
|
+
--vkui--color_accent_orange--active: #EB873D;
|
|
548
548
|
--vkui--color_accent_orange_peach: #f9b54f;
|
|
549
549
|
--vkui--color_accent_orange_peach--hover: #EFAE4E;
|
|
550
550
|
--vkui--color_accent_orange_peach--active: #E5A84E;
|
|
551
551
|
--vkui--color_accent_lime: #aff70d;
|
|
552
552
|
--vkui--color_accent_lime--hover: #A8EE0F;
|
|
553
553
|
--vkui--color_accent_lime--active: #A1E511;
|
|
554
|
-
--vkui--color_accent_green: #
|
|
555
|
-
--vkui--color_accent_green--hover: #
|
|
556
|
-
--vkui--color_accent_green--active: #
|
|
554
|
+
--vkui--color_accent_green: #42d347;
|
|
555
|
+
--vkui--color_accent_green--hover: #3FCB47;
|
|
556
|
+
--vkui--color_accent_green--active: #3DC346;
|
|
557
557
|
--vkui--color_accent_cyan: #13ffd0;
|
|
558
558
|
--vkui--color_accent_cyan--hover: #12F5CA;
|
|
559
559
|
--vkui--color_accent_cyan--active: #11ECC4;
|
|
@@ -566,12 +566,12 @@
|
|
|
566
566
|
--vkui--color_accent_violet: #792ec0;
|
|
567
567
|
--vkui--color_accent_violet--hover: #742DBB;
|
|
568
568
|
--vkui--color_accent_violet--active: #6F2CB6;
|
|
569
|
-
--vkui--color_accent_raspberry_pink: #
|
|
570
|
-
--vkui--color_accent_raspberry_pink--hover: #
|
|
571
|
-
--vkui--color_accent_raspberry_pink--active: #
|
|
572
|
-
--vkui--color_accent_pink: #
|
|
573
|
-
--vkui--color_accent_pink--hover: #
|
|
574
|
-
--vkui--color_accent_pink--active: #
|
|
569
|
+
--vkui--color_accent_raspberry_pink: #fa7fbb;
|
|
570
|
+
--vkui--color_accent_raspberry_pink--hover: #F07BB6;
|
|
571
|
+
--vkui--color_accent_raspberry_pink--active: #E676B1;
|
|
572
|
+
--vkui--color_accent_pink: #e866ff;
|
|
573
|
+
--vkui--color_accent_pink--hover: #DF63F7;
|
|
574
|
+
--vkui--color_accent_pink--active: #D55FEF;
|
|
575
575
|
--vkui--color_accent_secondary: #3f8ae0;
|
|
576
576
|
--vkui--color_accent_secondary--hover: #3C85D9;
|
|
577
577
|
--vkui--color_accent_secondary--active: #3A80D3;
|
|
@@ -647,12 +647,33 @@
|
|
|
647
647
|
--vkui--color_background_inverse: #262626;
|
|
648
648
|
--vkui--color_background_inverse--hover: #242527;
|
|
649
649
|
--vkui--color_background_inverse--active: #232428;
|
|
650
|
-
--vkui--color_stroke_contrast_secondary_alpha: #ffffff1e;
|
|
651
|
-
--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
|
|
652
|
-
--vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
|
|
653
650
|
--vkui--color_text_tertiary_alpha: #3b3b3b66;
|
|
654
651
|
--vkui--color_text_tertiary_alpha--hover: rgba(59, 59, 59, 0.44);
|
|
655
652
|
--vkui--color_text_tertiary_alpha--active: rgba(59, 59, 59, 0.48);
|
|
653
|
+
--vkui--color_text_contrast_secondary_alpha: #ffffff7f;
|
|
654
|
+
--vkui--color_text_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.54);
|
|
655
|
+
--vkui--color_text_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.58);
|
|
656
|
+
--vkui--color_icon_contrast_secondary_alpha: #ffffff7f;
|
|
657
|
+
--vkui--color_icon_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.54);
|
|
658
|
+
--vkui--color_icon_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.58);
|
|
659
|
+
--vkui--color_stroke_contrast_secondary_alpha: #ffffff1e;
|
|
660
|
+
--vkui--color_stroke_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.16);
|
|
661
|
+
--vkui--color_stroke_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.2);
|
|
662
|
+
--vkui--color_accent_mint: #a3fd79;
|
|
663
|
+
--vkui--color_accent_mint--hover: #9CF477;
|
|
664
|
+
--vkui--color_accent_mint--active: #96EA74;
|
|
665
|
+
--vkui--color_text_link_in_primary: #999999;
|
|
666
|
+
--vkui--color_text_link_in_primary--hover: #939495;
|
|
667
|
+
--vkui--color_text_link_in_primary--active: #8D8E92;
|
|
668
|
+
--vkui--color_text_link_in_secondary: #3b3b3b;
|
|
669
|
+
--vkui--color_text_link_in_secondary--hover: #39393B;
|
|
670
|
+
--vkui--color_text_link_in_secondary--active: #36383B;
|
|
671
|
+
--vkui--color_text_link_in_contrast: #ffffff7f;
|
|
672
|
+
--vkui--color_text_link_in_contrast--hover: rgba(255, 255, 255, 0.54);
|
|
673
|
+
--vkui--color_text_link_in_contrast--active: rgba(255, 255, 255, 0.58);
|
|
674
|
+
--vkui--color_text_link_in_contrast_secondary_alpha: #ffffff;
|
|
675
|
+
--vkui--color_text_link_in_contrast_secondary_alpha--hover: #F5F5F7;
|
|
676
|
+
--vkui--color_text_link_in_contrast_secondary_alpha--active: #EBECEF;
|
|
656
677
|
--vkui--vkontakte_color_snippet_border_alpha: rgba(0, 0, 0, 0.15);
|
|
657
678
|
--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(0, 0, 0, 0.19);
|
|
658
679
|
--vkui--vkontakte_color_snippet_border_alpha--active: rgba(0, 0, 0, 0.23);
|